jquery+json universelle dreistufige Verknüpfungs-Dropdown-Liste

Implementiert mit JQuery. Ich habe es hier geändert. Es gibt drei Versionen der Implementierung.
Das erste wird durch das Lesen von XML erstellt. Es unterstützt IE/Firefox, aber nicht Chrome. Wenn Sie interessiert sind, können Sie den XML-Leseteil auf AJAX ändern, sodass die Chrome-Unterstützung kein Problem darstellt.
Das zweite wird im Json-Datenformat erstellt und ist mein zweiter Verbesserungsversuch
Die dritte ist eigentlich die gleiche wie die zweite, außer dass die Daten in JS-Dateien aufgeteilt sind. In meinem Code gibt es eine ASP-Datei, die die Datenbank aufruft, um Json-Provinz- und Stadtdaten direkt zu generieren Wenn Sie die ASP-Datei aufrufen, ist die Geschwindigkeit sehr langsam. Es ist viel schneller, sie direkt nach der Generierung der JS-Datei aufzurufen, und dieser Teil der Daten ändert sich im Allgemeinen nicht.

Ein zusätzliches Plug-In hinzugefügt. Tatsächlich handelt es sich nicht um ein Plug-In, sondern nur um eine Funktion. Warum nicht als Plug-In geschrieben werden?
Ermöglichen Sie die Platzierung von „select“ an einer beliebigen Stelle auf der Seite, anstatt auf Seitenelemente wie div, table, td usw. beschränkt zu sein.
Die Parameter ähneln den folgenden: s1/s2/s3 konfigurieren die Auswahl-ID, v1/v2/v3 ist der Standardwert. Wenn Sie ihn nicht festlegen möchten, setzen Sie ihn bitte auf Null oder nicht. Ich kann es nicht direkt einstellen.

Die Parameterkonfiguration ist wie folgt. Konfigurieren Sie einfach die drei IDs und Standardwerte von select. Wenn kein Standardwert vorhanden ist, geben Sie null ein

var defaults = { 
s1:'Select1', 
s2:'Select2', 
s3:'Select3', 
v1:null, 
v2:null, 
v3:null 
};

Dies ist Das vierte Beispiel: PHP im Verzeichnis Die Datei ist eine generierte Demo serverseitiger Daten, die als Referenz für die Verwendung verwendet wird

Die Datenformatdefinition ähnelt der folgenden:

var threeSelectData={ 
"省份":{val:"",items:{"城市":{val:"",items:{"区县":""}}}}, 
"beijing":{val:"01",items:{ 
"bj-01":{val:"0101",items:{ 
"bj-01-01":"010101" 
}}, 
"bj-02":{val:"0102",items:{ 
"bj-02-01":"010201", 
"bj-02-02":"010202" 
}} 
}}, 
"shanxi":{val:"02",items:{}}, 
"guangzhou":{val:"02",items:{}} 
};

Codebeispiel: