Dieses Beispiel teilt die JS-Implementierung aus, die Secondary Linkage Dropdown-Menü für Ihre Referenz auswählen. Der spezifische Inhalt ist wie folgt
<%@ page Language = "java" import = "java.util. "-// w3c // dtd html 4.01 transsitional // en"> <html> <kopf> <titels> Neues Dokument </title> <meta name = "generator" content = "editplus"> <meta name = "content" content = "" type = "text/javaScript"> // definiert ein zweidimensionales Array von Städten, und die Reihenfolge darin ist die gleiche wie die der Provinzen. Holen Sie sich den Einweiswert der Provinz von SelectedIndex, um die entsprechende Stadtvarstadt zu erhalten. ["Guangzhou", "Chaoyang", "Chaozhou", "Chenghai"], ["Lanzhou", "Baiyin", "Dingxi", "Dunhuang"]; Funktion getCity () {// Holen Sie sich das Objekt der Dropdown-Box der Provinz var sltprovince = document.form1.province; // Erhalten Sie das Objekt des Dropdown-Felds der Stadt var sltCity = document.form1.city; // Holen Sie sich die Städtische Var der entsprechenden Provinz Provincecity = City [SLTPROVINCE.SelectedIndex - 1]; // Löschen Sie das Dropdown-Feld der Stadt und lassen Sie nur die Eingabeaufforderung Option SLTCity.Length = 1; // Füllen Sie den Wert im Städtischen Array in das Dropdown-Box der Stadt für (var i = 0; i <provincecity.length; i ++) {SLTCity [i+1] = Neue Option (Provinzenzität [i], Provincecity [i]); }} </script> </head> <body> <Formular Methode = post action = "name =" Form1 "> <select name =" province "onchange =" getCity () "> <option value =" 0 "> Wählen Sie Ihre Provinz province </option> <option value =" gansu "> city </option </option option -option -option -value =" jiangsu optionSu ". Provinz "> Fujian Provinz </option> <Option Value =" Guangdong Provinz "> Guangdong Provinz </Option> <Option Value =" Gansu Provinz "> Gansu Provinz </Option> </select name =" City "> <Option Value =" 0 "> Bitte Ihre Stadt auswählen </option> </ausgewählt> </body> </body> </body> </body> </body> </body> </brodhtDieser Code ist relativ einfach.
Wenn Sie mit JS nicht vertraut sind, können Sie sich den folgenden Inhalt der JS -Verarbeitung ausgewählten Objekten ansehen:
1. Verwenden Sie die Eigenschaft SelectedIndex, um den Index der aktuellen Option zu erhalten
Die Optionen im Dropdown-Feld sind ein lineares Array, jede Option verfügt über einen Index und der ausgewählteIndex repräsentiert die Indexnummer der aktuell ausgewählten Option. In Kombination mit dem Optionsattribut kann das ausgewählte Optionsobjekt erhalten werden, sodass es weiter verarbeitet werden kann. Wenn das Dropdown-Feld mehrfach ausgewählt werden kann, gibt die SelectedIndex-Eigenschaft den ersten ausgewählten Index zurück.
SelectedIndex ist eine schreibgeschützte Eigenschaft. Wenn Sie das Element im Dropdown-Feld festlegen möchten, das über den Index in den ausgewählten Status angegeben wurde, können Sie das ausgewählte = true des Optionsobjekts festlegen, um es zu erreichen.
2. Fügen Sie dem Objekt eine Option hinzu
SLTCity [i+1] = neue Option (Provinziität [i], Provinzenzität [i]);
Neue Option (Provincecity [i], Provincecity [i]) bedeutet, ein Optionsobjekt mit der Wertprovinziität [i] zu erstellen, und der Text ist die Provinzenzität [i]. SLTCity ist das Stadtobjekt auf der Seite. I+1 gibt den Ort der neu hinzugefügten Option an.
3.. Löschen Sie ein ausgewähltes Objekt
Es gibt zwei Möglichkeiten, alle Optionen im Dropdown-Box zu löschen.
Die erste Methode besteht darin, die Löschung zu durchqueren:
var l = mySelect.length; für (var i = 0; i <l; i ++) {mySelect.options [i] = null; }Die zweite Methode ist relativ einfach, daher wird diese Methode im Allgemeinen verwendet:
MySelect.length = 0;