Des liens de deuxième niveau peuvent être vus partout dans les pages Web générales, généralement avec des adresses, telles que cliquer sur la province de Zhejiang, suivie de Hangzhou City et Jiaxing City; En cliquant sur la province de Pékin, Chaoyang et Haidian, au lieu de Hangzhou et Jiaxing.
Pour implémenter cette étape, vous devez utiliser JavaScript pour l'implémenter. Le principe utilise le temps d'Onchange.
Tout d'abord, l'événement OnChange se produit lorsque le contenu du domaine change. Objets JavaScript qui prennent en charge cet événement: Fileupload, SELECT, Text, TextArea. Nous utilisons SELECT pour terminer l'implémentation de la liaison secondaire.
Ce qui suit est le code HTML. Tout d'abord, définissez une sélection en tant que province et la seconde sélection en tant que ville, mais nous utilisons un tableau en JS pour le connecter avec la province.
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> JavaScript Secondary Linkage </Title>
</ head>
<body>
<select id = "province">
<Option Value = "- 1"> Sujet </ Option>
<Option Value = "0"> Beijing </opoption>
<Option Value = "1"> Zhejiang </ Option>
</lect>
<select id = "city">
</lect>
<script src = "../ js / province.js"> </ script>
</docy>
</html>
Ce qui suit est le code JS
La copie de code est la suivante:
var province = document.getElementById ("Province");
var ville = document.getElementByid ("ville");
Var Area = [
[«Chaoyang», «Haidian», «Pékin»], // Array de la 0e zone. 0 {0,1,2}
['Hangzhou', 'Haining'] // Array de la première zone, 1 {0.1}
]]
fonction choisie () {
var opt = "";
var len = aire [province.Value]; // Si beijing 0 est sélectionné, alors Len = ['Chaoyang', 'haidian'] Ceci est le <span style = "background-Color: # 88888;"> Ville </span> Array Connexion quelle province correspond à quelle ville
Si (province.value == '-1') {// Parce que lorsque la valeur de sélection est -1, c'est le mot «province», pas à Pékin, donc lorsque nous choisissons cette province, cela signifie que la ville est vide
city.innerhtml = opt;
}
pour (var i = 0; i <len.length; i ++) {// le nombre de tableaux de surface pour (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]) </opoption>
// opt = <option value = "0"> chaoyang (lin [0]) </ option>, + <br>
<option value = "1"> haidian (lin [1]) </opoption> + <br>
<option value = "2"> beijing (lin [2]) </opoption>
}
city.innerhtml = opt;
}
province.onchange = function () {
choisir();
}
Des liens de deuxième niveau peuvent être vus partout dans les pages Web générales, généralement avec des adresses, telles que cliquer sur la province de Zhejiang, suivie de Hangzhou City et Jiaxing City; En cliquant sur la province de Pékin, Chaoyang et Haidian, au lieu de Hangzhou et Jiaxing.
Pour implémenter cette étape, vous devez utiliser JavaScript pour l'implémenter. Le principe utilise le temps d'Onchange.
Ce qui précède est l'intégralité du contenu de cet article, j'espère que vous l'aimez.