Heim > Web-Frontend > js-Tutorial > Provinz- und Stadtverknüpfungsmenü, implementiert durch zweidimensionale JavaScript-Array_Javascript-Fähigkeiten

Provinz- und Stadtverknüpfungsmenü, implementiert durch zweidimensionale JavaScript-Array_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:49:27
Original
1947 Leute haben es durchsucht

Code kopieren Der Code lautet wie folgt:



/javascript" >
//Initialisiere ein zweidimensionales Array zum Speichern von Stadtlistenelementen
var towns=[
["Anqing","Hefei","Tongcheng"],
[" Shijiazhuang, „Baoding“, „Tangshan“],
[„Zhengzhou“, „Luoyang“, „Kaifeng“]
] // Wenn eine Provinz ausgewählt ist, rufen Sie die Methode zum Hinzufügen auf eine Stadt
function ProvinceChanged( sel){
//alert("select length" sel.options.length);
//sel ist tatsächlich das ausgewählte Objekt
//Durchlaufe die Optionssammlung und finde die ausgewählte Option
for( var x=0;x{
var opt=sel.options[x];
{
// Option zur Auswahl der ausgewählten Stadt hinzufügen
addCityToSelect(x)
}
}
}
//Fügen Sie das Stadtelement unter der ausgewählten Provinz zur hinzu Stadtauswahl
function addCityToSelect (x){
//Suchen Sie die entsprechende Stadt aus dem zweidimensionalen Array
var city=cities[x-1];
var citySelect=document.getElementById(" select_city");
/*==================Elemente löschen, die bereits im Knoten vorhanden sind=============== =
Beim zweiten oder n-ten Aufruf der Methode wurden die zuvor hinzugefügten Knoten dem Stadtauswahlobjekt hinzugefügt, sodass es gelöscht wird.
Idee 1: RemoveChild() des Objekts auswählen, damit Bytepunkte durch Schleifendurchlauf gelöscht werden können.
Idee 2: Das direkte Setzen von select.options.length=1 kann den gleichen Effekt erzielen.
*/
//Setzen Sie die Optionslänge unter dem Auswahlobjekt der Stadt auf 1
citySelect.options.length=1
//Legen Sie die Länge der Optionssammlung fest und löschen Sie
/ /citySelect .options.length=1;
for(var x=0;x{
//Elementknotenobjekt erstellen
var optionName=document.createElement( "option ");
//Legen Sie den Anzeigeinhalt für die Option fest
optionName.innerHTML=city[x]//Fügen Sie die erstellte Option hinzu, um
citySelect.appendChild
/*
Fügen Sie an dieser Stelle alle Städte unter einer bestimmten Provinz zum citySelect-Objekt hinzu.
Wenn die zweite Provinz zum zweiten Mal ausgewählt wird, werden alle Städte unter der zweiten Provinz hinzugefügt der
citySelect-Knoten. Dieser Effekt ist falsch. Daher ist es erforderlich,
den Inhalt unter dem citySelect-Knoten vor jedem Hinzufügen zu löschen. Nächster Blick:
==================Elemente löschen, die bereits im Knoten vorhanden sind================
* /
}

;
Option>Henan
;/ select>



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage