2012-09-11 1 views
1

Comment puis-je créer une liste déroulante en cascade en HTML, de sorte que lorsqu'une option est sélectionnée, une autre liste déroulante apparaît ci-dessous, laissant la première liste déroulante et sa sélection affichée ci-dessus? J'ai quatre listes déroulantes à afficher, l'une après l'autre. Une descente en jquery serait également agréable.liste déroulante liste déroulante

Toute aide sera très appréciée

+0

c'est à peu près ce que j'ai besoin, mais je ne peux pas le faire fonctionner, peut-être comme il est mobile jquery? http://jsfiddle.net/Wmxux/ – user1663122

+0

SO est plus "aidez-moi à corriger mon code" que "écrire du code pour moi". – Wh1T3h4Ck5

Répondre

0

Je regardais lien jsFiddle que vous avez fourni, vous devez charger les données de serveur via ajax quand une option est sélectionnée. quelque chose comme ceci:

$('#state_select).change(function(){ 
    var stateId = $(this).val(); 
    $.ajax({ 
    url:..., 
    success: function(response){ 
     //fill city select with data from server 
     //then show city select 
    } 
    }); 
}); 

gestionnaire d'événements même devrait être ajouté à la ville sélectionner, etc.

+0

Donc, je ne peux pas faire une page localement qui affichera simplement cette fonctionnalité? C'est pour une démo de prototype, donc si cela fonctionne sur le backend n'est pas pertinent pour l'instant. – user1663122

+0

Bien sûr que vous pouvez, juste jeter la requête ajax. –

+0

Je suis désolé, il me manque quelque chose ici. Quand je copie et colle le code de js fiddle ce que je reçois n'a rien à voir avec l'exemple montré – user1663122

Questions connexes