Heim > php教程 > PHP开发 > Hauptteil

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

黄舟
Freigeben: 2016-12-12 16:39:34
Original
1135 Leute haben es durchsucht

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 
};
Nach dem Login kopieren

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:{}} 
};
Nach dem Login kopieren

Codebeispiel:

 
 
 
 
 
 
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!