Utiliser .change() pour ajouterClass avec la liste de sélection

Question

J'essaie de créer un champ masqué en ajoutant une classe lorsque l'option «autre» est sélectionnée dans une liste déroulante. Mais je ne suis pas sûr de la bonne façon de le faire.

J'ai l'entrée cachée et quand l'option est choisie Je veux ajouter la classe "vue" qui ajoute le bloc d'affichage rendant le champ caché visible.

Voici un violon montrant ce que j'ai jusqu'à présent, toute aide serait appréciée: http://jsfiddle.net/maikunari/NX795/

Answer 1

$(document).ready(function(){ 
    $("#select-box").change(function(){ 
     if($(this).val() == "other"){ 
      $("#text-field").show();   
     } else { 
      $("#text-field").hide();  
     } 
    }); 
}); 

<select id="select-box"> 
<option value="Email Newsletter">Email Newsletter</option> 
<option value="Yellow Pages ">Yellow Pages </option> 
<option id="other-select" value="other">Other</option> 
</select>