Afficher une zone de texte sur la liste déroulante, sélectionnez

J'ai essayé de faire onchange et de l'événement onclick et j'ai de la difficulté avec deux d'entre eux. Lors de l'exécution de mon code, Firebug me dit mon showTextBox fonction n'est pas définie.

Lorsque la valeur 1 est sélectionné pour l'État liste déroulante, j'ai besoin d'afficher la <div> qui contient une zone de texte. Je suis ému l'attribut onclick dans les balises d'option ainsi que essayé attribut onchange et toujours obtenir showTextBox() n'est pas défini dans Firebug.

<select id="AddrType" onclick="showTextBox();"
        height="30px" style="width: 90px"> 
  <option value="10"></option>
  <option value="0">City</option>
  <option value="1">State</option>
  <option value="2">Zip</option>
</select>   

 <br />

 <div id="stateText" style="visibility: hidden">
   State <input type="text" id="STATE"/>
 </div>

Ici est la fonction appelée lorsque le onclick ou onchange événements sont déclenchés:

function showTextBox() {
    console.log("in check Drop down");
    if ($('#AddrType').val() == 'State') {
        $('#stateText').style.visibility = 'visible';
    }
    console.log($('#AddrType').val());

Toute aide à ce sujet. J'ai Cherché sur google, mais je n'arrive pas à trouver quelque chose qui fonctionne. Je ne peux pas utiliser le document.getElementById() fonction.

  • Je suppose que dans votre code, vous avez une clôture } pour showTextBox?
InformationsquelleAutor Jt2ouan | 2013-03-05