2010-11-26 43 views
9

J'essaie de créer une liste déroulante personnalisée qui affichera/cachera un second jeu de listes déroulantes basé sur sa sélection.Afficher/Masquer <select> dropdown, with jQuery, basé sur la valeur

Je me demandais si quelqu'un ici pourrait être en mesure d'aider avec une solution à cela.

Vous pouvez voir mon code à http://jsfiddle.net/prodac/stAAm/

+5

+1 pour prendre le temps de mettre votre code sur jsFiddle, plutôt que de simplement le coller ici. – RPM1984

+0

Je donnerais +2 pour faire les deux. Poster sur jsfiddle et ici. Car que se passe-t-il si jsfiddle se shits un jour et que le lien ne marche plus? –

Répondre

6

utiliser le jquery :selected un peu de documentation est ici http://api.jquery.com/selected-selector/

qui fonctionne dans une option de menu de sélection

Je mets à jour votre Jfiddle maintenant si vous peut me donner un peu plus d'informations sur ce que vous voulez faire.


Modifier

Voici un jfiddle mis à jour avec votre réponse. http://jsfiddle.net/stAAm/7/

et une copie du code de débordement de pile

$('#source').change(function() { 
     if ($('#source option:selected').text() == "France"){ 
      $('.cities').hide(); 
      $('#source2a').show(); 
     } else if ($('#source option:selected').text() == "Germany"){ 
      $('.cities').hide(); 
      $('#source2b').show(); 
     } else if ($('#source option:selected').text() == "India"){ 
      $('.cities').hide(); 
      $('#source2c').show(); 
     } else { 
      $('.cities').hide(); 
     } }); 
+0

@zobgib: Comme vous pouvez le voir dans le code, le contrôle est lié à l'élément SELECT sur la page qui n'est pas caché intentionnellement. Ceci est destiné à être caché dans le code final. La liste déroulante Pays (par exemple, Brésil, France, Inde) est la seule qui est destinée à être affichée lors de la première saisie d'une page. Ensuite, quand une sélection est faite à partir de cette liste déroulante (par exemple un des pays), la liste déroulante avec les villes du pays sélectionné s'affichera. – iamchriswick

+0

@zobgib: Super, c'est exactement ce que je cherchais: D Merci! Maintenant, je voudrais que cela fonctionne avec la liste déroulante personnalisée. Est-il possible de faire ça? – iamchriswick

+0

Il me semble que la liste déroulante personnalisée fonctionne bien ou voulez-vous lorsque vous cliquez dans le classique