- Chapitre1Développement JavaScript d'une fonction de liaison à trois niveaux
- Introduction à la fonctio...
- Développement JavaScript ...
- Préparations pour la liai...
- Développement JavaScript ...
- Affichage complet du code...
Cette section présente le code front-end, qui est relativement simple, mais il y a aussi des choses qui nécessitent une attention particulière. Le label du menu déroulant
est select. La fonction du label d'option sous ce label est :
L'élément option définit une option (un élément) dans la liste déroulante. . L'élément
option est situé à l'intérieur de l'élément select.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三级联动</title>
<style>
*{margin:0;padding:0;}
</style>
</head>
<body>
<div>
请选择地区：
<select name="" id="proc" onchange="showCity()">
<option value="">--请选择省--</option>
</select>
<select name="" id="city" onchange="showDist()">
<option value="">--请选择市--</option>
</select>
<select name="" id="dist">
<option value="">--请选择区--</option>
</select>
</div>
</body>
</html>C'est le code frontal de la fonction. Le style est relativement simple, et l'essentiel est qu'il puisse réaliser la fonction.
Certaines personnes peuvent ne pas comprendre onchange="showCity()". Qu'est-ce que c'est et comment l'écrire ici.
Il s'agit d'un événement de clic destiné à déclencher l'option du menu déroulant Ville après avoir cliqué pour sélectionner une province.
De même, onchange="showDist()" est une option pour déclencher le menu déroulant de la zone après avoir sélectionné la ville.
C'est aussi ce qu'on appelle le lien. Parce que les provinces et les municipalités ont des relations à trois niveaux, on parle de lien à trois niveaux.
section suivante