triying faire un combo sélectionner avec this.val() mais il ne montre pas la seconde sélectionnez

Question

Im triying faire un combo où lorsque l'utilisateur sélectionne le Chili de la zone de sélection, une seconde sélection apparaît montrant les villes. Le code jQuery Im utilisant est ceci.

$(document).ready(function() { 
    var ciudad = $("#ciudad"); 
    ciudad.css("display","none"); 

    $("select#selectionpais").change(function() { 
     var hearValue = $("select#selectionpais").val(); 
     if(hearValue == "chile") { 
      ciudad.css("display","block"); 
     } else { 
      ciudad.css("display","none"); 
     } 
    }); 
}); 
​ 

et le Html est ce (pour le bien en abrégé de compréhension)

<select name="pais" id="selectionpais"> 

.... Chili Afganistán

et la deuxième sélection (celui qui devrait être montré est ceci)

<select id="ciudad" name="ciudad" class="ciudad"> 

Santiago

Toute personne a un indice pourquoi il nest pas travailler?

Answer 1

La capitalisation compte!

Êtes-vous sûr que vous ne voulez pas:

hearValue == "Chile" 

Answer 2

Je pense que Ramblingwood dit est probablement le problème. Bien que j'ai vu d'autres problèmes dans votre code. Il pourrait être juste comment vous l'avez copié/collé. Mais il semblait y avoir quelques crochets et demi-colons supplémentaires. Voici une bonne version de travail. Notez que j'ai utilisé les fonctions hide et show au lieu de changer la propriété d'affichage css.

$(document).ready(function() { 
    var ciudad = $("#ciudad"); 
    ciudad.hide(); 
     $("select#selectionpais").change(function(){ 
     var hearValue = $("select#selectionpais").val(); 
     if(hearValue == "chile") 
      ciudad.show(); 
     else 
      ciudad.hide(); 
     }); 
    }); 

Voici le code HTML:

<select name="pais" id="selectionpais"> 
    <option value="">Please choose</option> 
    <option value="chile">Chile</option> 
</select> 
<select id="ciudad" name="ciudad" class="ciudad"> 
    <option value=""></option> 
</select>