Überall auf Webseiten der zweiten Stufe sind überall mit Adressen wie Adressen wie auf die Provinz Zhejiang zu sehen, gefolgt von Hangzhou City und Jiaxing City. Klicken Sie auf Provinz Peking, Chaoyang und Haidian anstelle von Hangzhou und Jiaxing.
Um diesen Schritt zu implementieren, müssen Sie JavaScript verwenden, um ihn zu implementieren. Das Prinzip verwendet die Zeit für die Verschiebung.
Erstens tritt das Onchange -Ereignis auf, wenn sich der Inhalt der Domäne ändert. JavaScript -Objekte, die dieses Ereignis unterstützen: FileUpload, auswählen, Text, TextArea. Wir verwenden SELECT, um die Implementierung der sekundären Verknüpfung abzuschließen.
Das Folgende ist der HTML -Code. Setzen Sie zunächst eine Auswahl als Provinz und die zweite Auswahl als Stadt, aber wir verwenden ein Array in JS, um es mit der Provinz zu verbinden.
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> JavaScript Secondary Linkage </title>
</head>
<body>
<select id = "provinz">
<Option Value = "-1"> Betreff </Option>
<option value = "0"> peking </option>
<Option Value = "1"> Zhejiang </option>
</select>
<select id = "city">
</select>
<script src = "../ js/provinz.js"> </script>
</body>
</html>
Das Folgende ist der JS -Code
Die Codekopie lautet wie folgt:
var provinz = document.getElementById ("Provinz");
var City = document.getElementById ("Stadt");
var Bereich = [
['Chaoyang', 'Haidian', 'Peking'], // Array des 0. Gebiets. 0 {0,1,2}
['Hangzhou', 'HaINing'] // Array des ersten Bereichs, 1 {0,1}
];
Funktion wählen () {
var opt = "";
var len = area [Provinz.Value]; // Wenn Peking 0 ausgewählt ist, dann ist Len = ['Chaoyang', 'Haidian'] Dies ist das <span style = "Hintergrundfarbe: #888888;"> City </span> Array, die welche Provinz der Stadt entspricht
if (provinz.Value == '-1') {//, weil der Wert von Select -1 das Wort 'Provinz' ist, nicht bei Peking. Wenn wir also diese Provinz wählen, bedeutet dies, dass die Stadt leer ist
City.innerhtml = opt;
}
für (var i = 0; i <len.length; i ++) {// Die Anzahl der Flächenarrays für (i = 0; i <3; i ++)
opt = opt + '<option value = "' + i + '">' + len [i] + '</option>' // opt = "" + <option value = "0"> chaoyang (lin [0]) </option>,
// opt = <option value = "0"> chaoyang (lin [0]) </option>, + <br>
<Option Value = "1"> Haidian (Lin [1]) </Option>
// opt = <option value = "0"> chaoyang (lin [0]) </option>, + <br>
<Option Value = "1"> Haidian (Lin [1]) </Option> + <br>
<option value = "2"> peking (lin [2]) </option>
}
City.innerhtml = opt;
}
provinz.onchange = function () {
wählen();
}
Überall auf Webseiten der zweiten Stufe sind überall mit Adressen wie Adressen wie auf die Provinz Zhejiang zu sehen, gefolgt von Hangzhou City und Jiaxing City. Klicken Sie auf Provinz Peking, Chaoyang und Haidian anstelle von Hangzhou und Jiaxing.
Um diesen Schritt zu implementieren, müssen Sie JavaScript verwenden, um ihn zu implementieren. Das Prinzip verwendet die Zeit für die Verschiebung.
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es gefällt Ihnen.