Zweite Dropdown-Optionen basierend auf der ersten Dropdown-Auswahl anzeigen jquery

Ich versuche, ein zweites Dropdown-Menü basierend auf der ersten Dropdown-Auswahl zu erhalten.

Ich habe hier ein tolles Skript gefunden:

http: //jsfiddle.net/heera/Gyaue

enter code here

Von diesem Beitrag:Jabfrage Abhängig von der ersten Dropdown-Liste eine zweite Dropdown-Liste anzeigen / sortieren?

Dieses Beispiel zeigt jedoch die Option "- All -", mit der alle Gruppen zusammen angezeigt werden, und ich muss etwas wie @ tu

Dropdown A
Amerik
Europ
Asie

Dropdown B
(wenn Amerika ausgewählt ist)
Argentinie
Brasilie
Chil

(wenn Europa ausgewählt ist)
Italie
Frankreic
Spanie

(wenn Asien ausgewählt ist) China
Japa

Was ich versuche zu bekommen, ist das Gleiche, das auf dieser jsfiddle angezeigt wird, aber ich möchte nicht die Option "Alle (Gruppen) zusammen anzeigen".

Aktualisieren Nach vielen Versuchen habe ich die Lösung von Catalin Berta auf seiner Website unter folgender Adresse verwendet:http: //devingredients.com/2011/05/populate-a-select-dropdown-list-with-jquery

Das Endergebnis dieser URL sieht ungefähr so aus:http: //jsfiddle.net/c510xdrj

Diese Lösung funktioniert in allen gängigen Browsern.

ielen Dank an Shlomi Hassid für Ihre Hilf

Antworten auf die Frage(2)

Ihre Antwort auf die Frage