JavaScript zur einfachen Verknüpfung von Provinzen und Gemeinden
|
In diesem Artikel wird der spezifische Code für JavaScript zur einfachen Verknüpfung von Provinzen und Gemeinden zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Schritt * Erstellen Sie eine Seite mit zwei Dropdown-Auswahlfeldern 1. Durchlaufen Sie ein zweidimensionales Array 2. Das Ergebnis ist ebenfalls ein Array (Länderkorrespondenz) 3. Holen Sie sich den ersten Wert im Array und vergleichen Sie ihn mit dem übergebenen Wert 4. Wenn sie gleich sind, holen Sie sich das Element nach dem ersten Wert 5. Holen Sie sich die Städteauswahl 6. Fügen Sie die vergangene (verwendete) appendChild-Methode hinzu /* * Prüfen Sie vor jedem Hinzufügen, ob in der Stadt eine Option vorhanden ist. Wenn ja, löschen Sie diese Der Code lautet wie folgt:
<html>
<Kopf>
<title>Provinzielle und kommunale Verknüpfung</title>
<Stiltyp = "Text/CSS">
</Stil>
</Kopf>
<Text>
<select id="countyid" onchange="add1(this.value)">
<option value="0">--Bitte wählen--</option>
<option value="China">China</option>
<option value="Vereinigte Staaten">Vereinigte Staaten</option>
<option value="Vereinigtes Königreich">Vereinigtes Königreich</option>
<option value="Option">Option</option>
</Auswählen>
<Wählen Sie id="Stadt-ID" >
</Auswählen>
</body>
<Skripttyp="text/javascript">
var arr = neues Array(4);
arr[0]=["China","Peking","Shanghai","Shenzhen","Hangzhou"];
arr[1]=["Vereinigte Staaten","Washington","New York","Detroit","Chicago"];
arr[2]=["Vereinigtes Königreich","London","Birmingham","Leeds","Liverpool"];
arr[3]=["Japan","Tokio","Osaka","Hokkaido","Nagasaki"];
/*
Schritt:
1. Durchlaufe das zweidimensionale Array. 2. Hole eine Array-Land-Korrespondenz. 3. Vergleiche den ersten Wert im Array mit dem übergebenen Wert. 4. Wenn sie gleich sind, hole die Elemente nach dem ersten Wert. 5. Hole die Städteauswahl.
6. Fügen Sie die Vergangenheit hinzu - appendChild-Methode - Option erstellen (drei Schritte)
Da Sie jedes Mal eine Option zur Stadt hinzufügen müssen
Wenn Sie es ein zweites Mal hinzufügen, wird es angehängt.
*Überprüfen Sie vor jedem Hinzufügen, ob in der Stadt eine Option vorhanden ist. Wenn ja, löschen Sie diese.*/
Funktion add1(Wert){
//Holen Sie sich die Auswahl in der Stadt
var city1 = document.getElementById("cityid");
var ops = city1.getElementsByTagName("Option");
für(var m=0;m<ops.length;m++){
var op = ops[m];
city1.removeChild(op);
M--;
}
für(var i=0;i<arr.length;i++){
arr1=arr[i];
var ersterWert = arr1[0];
wenn (ersterWert == Wert)
{
//Option erstellen
für(var j=1;j<arr1.length;j++){
var Wert1 = arr1[j];
var option1=document.createElement("option");
var text1 = document.createTextNode(Wert1);
option1.appendChild(text1);
city1.appendChild(option1);
}
}
}
}
</Skript>
</html>Demonstration des Wirkungsdiagramms:
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:
|
<<: Schritte zum Einrichten und Mounten freigegebener Ordner auf Windows-Host und Docker-Container
>>: Lösung für das Problem, dass HTML2-Canvas-SVG nicht erkannt wird
Artikel empfehlen
Detaillierte Erklärung der Prinzipien und der Verwendung von MySQL-Datentypen und Feldattributen
Dieser Artikel beschreibt die MySQL-Datentypen un...
So richten Sie das Terminal so ein, dass Anwendungen nach dem Start von Ubuntu ausgeführt werden
1. Geben Sie „Start“ in die Menüleiste ein und kl...
Einführung in Sublime Text 2, ein Web-Frontend-Tool
Sublime Text 2 ist ein leichter, einfacher, effiz...
MySQL-Lerndatenbankbetrieb DML ausführliche Erklärung für Anfänger
Inhaltsverzeichnis 1. Anweisung einfügen 1.1 Einf...
vue verwendet Ele.me UI, um die Filterfunktion von Teambition zu imitieren
Inhaltsverzeichnis Problembeschreibung Die allgem...
CSS erzielt den Effekt, dass die äußerste Schicht einer mehrschichtigen verschachtelten Struktur rotiert, während die anderen Schichten unverändert bleiben.
Es gibt ein solches Szenario: ein kreisförmiger C...
So wählen Sie die Transaktionsisolationsebene in einem MySQL-Projekt
Einführung Beginnen wir mit unserem Inhalt. Ich g...
FTP-Remoteverbindung zu Linux über SSH
Installieren Sie zunächst SSH in Linux. Nehmen Si...
Beispielanalyse zum Beheben von Problemen in historischen Linux-Images
Fix für Probleme mit historischen Linux-Images De...
Beispiel für die Verwendung von JSX zur Entwicklung einer Markup-Komponente (Front-End-Komponentenbildung)
Inhaltsverzeichnis Aufbau einer JSX-Umgebung NPM ...
Webdesign-Erfahrung: Selbstgerechte Webdesigner
1. Trash oder Klassiker? Die Webtechnologie aktua...
Einfaches Grafik-Tutorial zur Verwendung von Adobe Brackets
Adobe Brackets ist eine Open Source-, einfache un...
So zeigen Sie Serverhardwareinformationen in Linux an
Hallo zusammen, heute ist Double 12, habt ihr sch...
Detaillierte Erläuterung der Verwendung des MySQL-Vergleichsoperators für reguläre Ausdrücke REGEXP
1. Daten initialisieren Tabelle löschen, wenn `te...
So verwenden Sie Nginx zur Verwaltung einer domänenübergreifenden Vue-Entwicklungsumgebung
1. Nachfrage Der lokale Testdomänenname ist derse...