Comment afficher les champs de saisie de formulaire en fonction de la valeur sélectionnée?
Je sais que c'est simple, et j'ai besoin de recherche dans Google. J'ai essayé de mon mieux et je ne pouvais pas trouver une meilleure solution. J'ai un champ de formulaire, qui prend une entrée et un champ select, qui a certaines valeurs. Il a aussi des "Autres" de la valeur.
Ce que je veux est:
Si l'utilisateur sélectionne l'Autre option, un champ de texte pour spécifier que les "Autres" doit être affiché. Lorsqu'un utilisateur sélectionne une autre option (que "l'Autre") je veux cacher de nouveau. Comment puis-je effectuer qu'à l'aide de JQuery?
C'est mon code JSP
<label for="db">Choose type</label>
<select name="dbType" id=dbType">
<option>Choose Database Type</option>
<option value="oracle">Oracle</option>
<option value="mssql">MS SQL</option>
<option value="mysql">MySQL</option>
<option value="other">Other</option>
</select>
<div id="otherType" style="display:none;">
<label for="specify">Specify</label>
<input type="text" name="specify" placeholder="Specify Databse Type"/>
</div>
Maintenant je veux montrer à la balise DIV**(id="otherType")** uniquement lorsque l'utilisateur sélectionne d'Autres.
Je veux essayer de JQuery. C'est le code que j'ai essayé
<script type="text/javascript"
src="jquery-ui-1.10.0/tests/jquery-1.9.0.js"></script>
<script src="jquery-ui-1.10.0/ui/jquery-ui.js"></script>
<script>
$('#dbType').change(function(){
selection = $('this').value();
switch(selection)
{
case 'other':
$('#otherType').show();
break;
case 'default':
$('#otherType').hide();
break;
}
});
</script>
Mais je ne suis pas en mesure de l'obtenir. Que dois-je faire? Grâce
source d'informationauteur iCode
Vous devez vous connecter pour publier un commentaire.
Vous avez quelques problèmes avec votre code:
<select name="dbType" id=dbType">
devrait être
<select name="dbType" id="dbType">
$('this')
devrait être$(this)
: il n'est pas nécessaire pour les citations à l'intérieur de la paranthesis.utilisation .val() au lieu de .valeur() lorsque vous souhaitez récupérer la valeur d'une option
quand u initialiser "sélection" faire avec un var en face d'elle, sauf si vous avez déjà fait au début de la fonction
essayez ceci:
http://jsfiddle.net/ks6cv/
Mise à JOUR pour une utilisation avec interrupteur:
Mise à JOUR avec des liens pour jQuery et jQuery-UI:
Démo sur JSFiddle
HTML:
Vous devez utiliser
val()
au lieu devalue()
et vous avez oublié de départ de devisid=dbType"
devrait êtreid="dbType"
Démonstration En Direct
Changement
À
ou
J'ai reçu sa réponse. Voici mon code
Et mon script est