JavaScript implementiert einfache sekundäre Linkage_Javascript-Fähigkeiten-js-Tutorial-php.cn

JavaScript implementiert einfache sekundäre Linkage_Javascript-Fähigkeiten

WBOY

Freigeben： 2016-05-16 16:08:31

Original

1184 Leute haben es durchsucht

Verknüpfungen der zweiten Ebene sind überall auf allgemeinen Webseiten zu sehen, normalerweise werden Adressen angezeigt. Wenn Sie beispielsweise auf die Provinz Zhejiang klicken, werden stattdessen die Städte Hangzhou und Jiaxing angezeigt Hangzhou und Jiaxing.

Um diesen Schritt zu erreichen, müssen Sie Javascript verwenden. Das Prinzip nutzt die Onchange-Zeit.

Erstens tritt das onchange-Ereignis ein, wenn sich der Inhalt des Feldes ändert. JavaScript-Objekte, die dieses Ereignis unterstützen: fileUpload, select, text, textarea Wir verwenden select, um eine sekundäre Verknüpfung zu implementieren.

Das Folgende ist der HTML-Code. Legen Sie zunächst eine Auswahl als Provinz und als zweite Auswahl die Stadt fest. Für die Stadt verwenden wir jedoch ein Array in js, um sie mit der Provinz zu verbinden.

Code kopieren Der Code lautet wie folgt:

sekundäre Javascript-Verknüpfung

Das Folgende ist der js-Code

Code kopieren Der Code lautet wie folgt:

var Province = document.getElementById("province");

var city = document.getElementById("city");

var Bereich = [

['Chaoyang','Haidian','Beijing'], //Das Array des 0. Bereichs. 0{0,1,2}

['Hangzhou','Haining'] //Array des ersten Bereichs, 1{0.1}

];

Funktion Choose(){

var opt = "";

var len = area[province.value]; //Wenn Peking 0 ausgewählt ist, dann len=['Chaoyang','Haidian'] Dies dient dazu, zu verbinden, welche Provinz welcher Stadt entsprichtStadtarray

if(province.value == '-1'){ //Denn wenn der Wert von select -1 ist, handelt es sich um das Wort „Provinz“, nicht um Peking. Wenn wir also diese Provinz auswählen, soll ihre Stadt leer sein

           city.innerHTML = opt;

}

for(var i = 0;i < len.length; i ){ //Die Anzahl der Arrays im Bereich for(i = 0;i < 3; i )

opt = opt ' ' len[i] '' //opt = "" Chaoyang(lin[0] ),

//opt = Chaoyang(lin[0]), 
　　　　　　　　　　　　　　　　　 
Haidian(lin[1])

//opt = Chaoyang(lin[0]), 
　　　　　　　　　　　　　　　　　 
Haidian(lin[1]) 
　　　　　　　　　　　　　　　　　
Beijing(lin[2])

}

City.innerHTML = opt;

}

Province.onchange = function(){

Choose();

}