So füllen Sie eine kaskadierende Dropdown-Liste mit JQuery

7

Ich habe das folgende Problem:

Ich habe angefangen, ein Formular mit HTML und JS zu erstellen und es gibt zwei Dropdown-Listen (Land und Stadt). jetzt möchte ich diese beiden mit JQuery dynamisch machen, so dass nur die Städte der ausgewählten Länder sichtbar sind.

Ich habe mit einigen grundlegenden JS angefangen, die gut funktionierten, aber einige Schwierigkeiten im IE machen. Jetzt versuche ich, meine JS in JQuery für eine bessere Kompatibilität zu konvertieren.

Mein ursprüngliches JS sieht so aus:

%Vor%

und hier meine Jquery:

Ссылка

Ich weiß, dass es sehr einfach ist, aber ich kann das Holz für die Bäume nicht sehen.

    
user2609756 21.08.2013, 08:00
quelle

5 Antworten

37

Es sollte so einfach wie

sein %Vor%

Demo: Geige

    
Arun P Johny 21.08.2013, 08:16
quelle
7

Ich werde eine zweite Lösung anbieten, da dieser Beitrag noch in der Google-Suche nach "jquery cascade select" verfügbar ist. Dies ist die erste Auswahl:

%Vor%

und dies ist die zweite, die deaktiviert ist, bis die erste ausgewählt ist:

%Vor%

Dieser ist nicht sichtbar und dient als Container für alle Elemente, die durch die Auswahl herausgefiltert werden:

%Vor%

Zum Schluss das Skript, das filtert:

%Vor%     
marco bonfigli 06.03.2015 15:56
quelle
3

Ich habe ein kaskadierendes Dropdown-Menü für Land, Bundesstaat, Stadt und Postleitzahl erstellt.

Es kann für jemanden hilfreich sein. Hier wird nur ein Teil des Codes veröffentlicht. Sie können das vollständige Arbeitsbeispiel auf jsfiddle sehen.

%Vor%

Geigen-Demo

    
Rikin Patel 12.04.2016 09:32
quelle
0

Hier ist ein Paket, das ich vor Kurzem geschrieben habe und das genau das tut, was Sie suchen und mehr: Cascading Dropdown Link . Die Demo kann hier

gesehen werden     
Sebastian Sulinski 01.04.2015 17:56
quelle
-1
%Vor%     
Pisces J 25.09.2017 01:37
quelle