2010-11-04 17 views
0

J'ai une liste déroulante personnalisée qui convertit les balises d'option en balises UL avec jQuery. La liste déroulante fonctionne parfaitement tant qu'il n'y en a qu'un sur chaque page. J'essaie de comprendre comment je peux avoir plusieurs listes déroulantes (dans ce cas deux) sur la même page, et comment remplir la deuxième liste déroulante basée sur la sélection faite dans la première liste déroulante.Plusieurs listes déroulantes personnalisées avec jQuery

MISE À JOUR !!! La première partie de ma question n'est pas résolue! Un grand merci à Scott! :) Le code peut être consulté à http://jsfiddle.net/prodac/stAAm/

Ma question principale est maintenant comment remplir automatiquement la deuxième liste déroulante basée sur la sélection faite dans le premier. Dites si je choisis un contry dans la première liste déroulante, alors je veux afficher une liste de villes de ce pays dans la deuxième liste déroulante.

+0

Quelle est la source de données pour la deuxième liste déroulante? Avez-vous l'intention de le remplir à partir de a) une sorte de publication de page, ou b) à partir d'un service Web? – Andrew

+0

Pour l'instant je vais le remplir avec une information statique par ex. rouge, vert, bleu, magenta ou villes. Je peux soit remplir directement dans le Javascript ou à partir des listes déroulantes dans le code html. – iamchriswick

Répondre

1

http://jsfiddle.net/6njZN/

J'ai mis à jour votre code un peu, son sale, mais permet de plus d'une sélection sur une page. En passant, n'utilisez pas le randomNumber ... un itérateur serait mieux à cet endroit.

EDIT: Terminé le code, affiché à http://jsfiddle.net/6njZN/1/ Profitez

+0

Thnx Scott. Mais comment ajouterais-je une autre liste déroulante? En donnant à l'UL un identifiant unique? – iamchriswick

+0

c'est un chemin à parcourir, les identifiants pour les sélections et les uls doivent être uniques – Scott

+0

Pouvez-vous donner un exemple de code? – iamchriswick