Maison >interface Web >js tutoriel >JavaScript implémente des compétences secondaires simples linkage_javascript
JavaScript implémente des compétences secondaires simples linkage_javascript
- WBOYoriginal
- 2016-05-16 16:08:311221parcourir
Les liens de deuxième niveau peuvent être vus partout dans les pages Web générales, généralement des adresses. Par exemple, si vous cliquez sur la province du Zhejiang, les villes de Hangzhou et de Jiaxing apparaîtront ; si vous cliquez sur la province de Pékin, Chaoyang et Haidian apparaîtront à la place. Hangzhou et Jiaxing.
Pour réaliser cette étape, vous devez utiliser javascript. Le principe utilise le temps de changement.
Tout d'abord, l'événement onchange se produit lorsque le contenu du champ change. Objets JavaScript qui prennent en charge cet événement : fileUpload, select, text, textarea Nous utilisons select pour implémenter une liaison secondaire.
Ce qui suit est le code HTML. Tout d'abord, définissez une sélection sur la province et la seconde sur la ville. Mais pour la ville, nous utilisons un tableau en js pour la connecter à la province.
Ce qui suit est le code js
var province = document.getElementById("province");
var ville = document.getElementById("ville");
var zone = [
['Chaoyang','Haidian','Beijing'], //Le tableau de la 0ème zone. 0{0,1,2}
['Hangzhou','Haining'] //Tableau de la première zone, 1{0.1}
];
fonction choisir(){
var opt = "";
var len = zone[province.value]; //Si Pékin 0 est sélectionné, alors len=['Chaoyang','Haidian'] Ceci permet de connecter quelle province correspond à quelle villeVillearray
if(province.value == '-1'){ //Parce que lorsque la valeur de select est -1, c'est le mot 'province', pas Pékin, donc lorsque nous sélectionnons cette province, que sa ville soit vide
city.innerHTML = opt;
>
for(var i = 0;i < len.length; i ){ //Le nombre de tableaux dans la zone for(i = 0;i < 3; i )
opt = opt '
//opt =
//opt =
>
City.innerHTML = opt;
>
province.onchange = fonction(){
Choisir();
>
Les liens de deuxième niveau peuvent être vus partout dans les pages Web générales, généralement des adresses. Par exemple, si vous cliquez sur la province du Zhejiang, les villes de Hangzhou et de Jiaxing apparaîtront ; si vous cliquez sur la province de Pékin, Chaoyang et Haidian apparaîtront à la place. Hangzhou et Jiaxing.
Pour réaliser cette étape, vous devez utiliser javascript. Le principe utilise le temps de changement.
Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript