js implementiert eine einfache dreistufige Auswahlkaskade für Provinzen, Gemeinden und Bezirke
|
In diesem Artikel wird der spezifische Code von js zur Realisierung der dreistufigen Auswahl von Provinzen, Städten und Bezirken zu Ihrer Information freigegeben. Der spezifische Inhalt ist wie folgt
Code:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Titel</title>
</Kopf>
<Text>
<select id="Provinz">
<option>---Bitte wählen---</option>
</Auswählen>
<select id="Stadt">
<option>---Bitte wählen---</option>
</Auswählen>
<select id="Bereich">
<option>---Bitte wählen---</option>
</Auswählen>
<script src="addr.js"></script>
<script src="../lib/jquery-3.3.1.js"></script>
<Skript>
var pro = [];
$(Funktion (){
$.each(temp,funktion (){
$("#provinz").anhängen("<option>"+$(this)[0].label+"</option>");
});
$("#provinz").on("ändern",funktion (){
$("#city").html("<option>"+"---Bitte wählen---"+"</option>");
$("#area").html("<option>"+"---Bitte wählen---"+"</option>")
var select_pro = $(this).val();
$.each(temp,Funktion (Index,Element){
wenn (element.label == select_pro){
var Stadt = Element.Kinder;
für (sei i = 0; i < Stadt.Länge; i++) {
$("#Stadt").anhängen("<option>"+Stadt[i].label+"</option>");
}
$("#Stadt").on('ändern',Funktion ()
{
$("#area").html("<option>"+"---Bitte wählen---"+"</option>");
var select_city = $(this).val();
für (var i=0;i < Stadt.Länge; i++)
{
Konsole.log(Stadt[i].label);
wenn (Stadt[i].label == Stadt_wählen)
{
var Bereich = Stadt[i].Kinder;
für (var i=0;i < Fläche.Länge; i++)
{
$("#area").anhängen("<option>"+area[i].label+"</option>");
}
}
}
});
}
});
});
});
</Skript>
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: So überwachen und löschen Sie abgelaufene Sitzungen in Tomcat
>>: Eine SQL-Anweisung schließt die MySQL-Deduplizierung ab und behält eine
Artikel empfehlen
Windows CVE-2019-0708: Problem bei der Reproduktion der Sicherheitslücke bei der Codeausführung auf Remotedesktop
1. Beschreibung der Schwachstelle Am 15. Mai 2019...
Spezifische Verwendung des Linux-Man-Befehls
01. Befehlsübersicht Linux bietet ein umfangreich...
Detailliertes Tutorial zur Installation von MySQL 5.7.20 auf RedHat 6.5/CentOS 6.5
Laden Sie das RPM-Installationspaket herunter Off...
So deaktivieren Sie Anzeigen in der Terminal-Willkommensnachricht in Ubuntu Server
Wenn Sie die neueste Ubuntu Server-Version verwen...
So deinstallieren Sie Docker Toolbox vollständig
Docker Toolbox ist eine Lösung zur Installation v...
So erstellen Sie mit Photoshop ein Web-Drahtgittermodell
Dieser Beitrag stellt eine Reihe kostenloser Phot...
Navicat-Verbindung MySQL Fehlerbeschreibungsanalyse
Inhaltsverzeichnis Umfeld Version der virtuellen ...
Lösung für das Problem, dass der Alibaba Cloud-Host nicht über IP auf die Website zugreifen kann (gelöst durch Konfigurieren von Sicherheitsgruppenregeln)
Ich habe gerade einen Alibaba Cloud-Host gekauft ...
Detaillierte Erklärung zur Interpretation der Nginx-Konfigurationsdatei
Die Nginx-Konfigurationsdatei ist hauptsächlich i...
So optimieren Sie den Logikbeurteilungscode in JavaScript
Vorwort Zu den logischen Urteilsaussagen, die wir...
So ändern Sie das MySQL-Tabellenpartitionierungsprogramm
So ändern Sie das MySQL-Tabellenpartitionierungsp...
VMware vSAN - Zusammenfassung der ersten Schritte
1. Hintergrund 1. Stellen Sie kurz den Shared Sto...
Eine kurze Analyse des Unterschieds zwischen statisch und selbst in PHP-Klassen
Verwenden Sie self:: oder __CLASS__, um eine stat...
So lösen Sie die Elementbewegung, die durch einen per Hover generierten Rahmen verursacht wird
Vorwort Manchmal verschiebt sich der Inhalt des E...
MySQL-Optimierungszusammenfassung – Gesamtzahl der Abfrageeinträge
1. COUNT(*) und COUNT(COL) COUNT(*) führt normale...