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