Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> Titel hier einfügen </title>
<script type = "text/javaScript">
// Initialisieren Sie ein 2D -Array, um den Artikel der Stadtliste zu speichern
var Städte = [
["Anqing", "Hefei", "Tongcheng"],
["Shijiazhuang", "Baoding", "Tangshan"],
["Zhengzhou", "Luoyang", "Kaifeng"]
];
// Rufen Sie bei der Auswahl einer Provinz die Methode an, um eine Stadt hinzuzufügen
Funktion provincechanged (sel) {
// alert ("Länge" select "+sel.options.length);
// sel ist eigentlich ein ausgewähltes Objekt
// Übertragen Sie die Optionssammlung und finden Sie die ausgewählten Optionen
für (var x = 0; x <sel.options.length; x ++)
{
var opt = sel.options [x];
if (opt.Selected)
{
// Fügen Sie der ausgewählten Stadt eine Option hinzu
AddCityToselect (x)
}
}
}
// Fügen Sie den Stadtelement unter der ausgewählten Provinz der Stadtauswahl hinzu
Funktion addCityToselect (x) {
// Finden Sie die entsprechende Stadt aus dem zweidimensionalen Array
var City = Städte [x-1];
var CitySelect = document.getElementById ("select_city");
/*=========================== Löschen Sie Elemente, die bereits im Knoten vorhanden sind =======================================================ieben =======================================================ieben =======================================================ieben =======================================================ieben =======================================================ieben =======================================================ieben =======================================================ieben =======================================================ieben
Wenn die Methode als zweites oder n -te Mal bezeichnet wird, wurde der zuvor hinzugefügte Knoten zum Objekt der Stadtauswahl hinzugefügt, sodass er gelöscht wird.
Idee 1: Wählen Sie das RemoveChild () des SELECT -Objekts aus, damit der Wortknoten über Loop -Traversal gelöscht werden kann.
Idee 2: Set Select.Options.Length = 1 direkt, um denselben Effekt zu erzielen.
*/
// Stellen Sie die Optionslänge unter dem Objekt der Stadt auf 1 ein
CitySelect.Options.Length = 1;
// Stellen Sie die Länge der Optionssammlung ein und löschen Sie sie
//cityselect.options.length=1;
für (var x = 0; x <City.Length; x ++)
{
// Elementknoten -Objekt erstellen
var optionname = document.createelement ("option");
// Setzen Sie den Inhalt der Anzeige für die Option an
optionName.innerhtml = Stadt [x];
// Fügen Sie die erstellte Option zum Auswählen hinzu
CitySelect.AppendChild (OptionName);
/*
Fügen Sie an diesem Ort 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 unterhalb der zweiten Provinz hinzugefügt
Unter dem CitySelect -Knoten. Dieser Effekt ist falsch. Also vor jeder Zugabe,
Löschen Sie den Inhalt unter dem CitySelect -Knoten. Nächster Blick:
=========================== Löschen Sie Elemente, die bereits im Knoten existieren
*/
}
}
</script>
</head>
<body>
<select onchange = "provincechanged (this);">
<!-Die Bedeutung davon: bezieht
Geben Sie das Objekt selbst als Parameter über, um darauf zu arbeiten. ->
<option> Bitte wählen Sie Provinz </Option>
<option> anhui </option>
<OPTION> Hebei </Option>
<OPTION> HENAN </option>
</select>
<select id = "select_city">
<option> Bitte wählen Sie City </Option>
</select>
</body>
</html>