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?
Vous devez vous connecter pour publier un commentaire.
essayez ceci:
et mise à jour de votre sélectionnez à présent:
aussi, cela fonctionne parfaitement bien.
et où showTextBox() est:
Votre
val()
est probablement de retour"1"
au lieu de"State"
vous êtes de la vérification.Non seulement sur jQuery, mais aussi lorsque vous affichez les données du formulaire à un serveur, la valeur de
AddrType
sera levalue
de l'attribut choisioption
élément ("Ville /État /Zip" dans votre cas est juste la "légende" de la valeur).showTextBox
dans la console de FireBug pour voir si elle est définie.