Wie man den Index des ausgewählten Elemente in einer Listbox

March 4

"Listbox" zeigt eine Dropdown-Liste der Optionen für Benutzer in einer HTML-Seite auswählen. JavaScript in HTML-Seiten verwenden, um den Wert der ausgewählten Benutzer zu identifizieren. Verwenden Sie diesen Prozess, um dynamisch eine Antwort senden, nachdem der Benutzer eine Auswahl trifft. Programmierer verwenden eine dynamische Antwort zum Umleiten von Benutzern, weitere Daten anzeigen oder senden Sie eine Nachricht im Browser. HTML ist der Code, den in Web-Seiten geschrieben sind.

Anweisungen

1 Maustaste auf die HTML-Datei, die Ihre Dropdown-Box hat, dann auf "Öffnen mit". Klicken Sie in Ihrem HTML-Editor in der Liste der Programme.

2 Erstellen Sie Ihre Liste-Box. Der folgende Code erstellt ein Listenfeld mit zwei Farboptionen.

< select Id = "Farben" >< Option > White < / option >< Option > Black < / option >< / select >

3 Fügen Sie die JavaScript-Funktion, um das ausgewählte Element zu identifizieren. Die folgende Funktion zeigt den Wert für den Benutzer ausgewählt.

Funktion showSelected(select) {}

Alert ("Sie ausgewählt:" + select.options[select.selectedIndex].value);

}

4 Verknüpfen Sie die neue Funktion im Listenfeld. Fügen Sie den folgenden Code in den HTML-Tag-Definition.

onChange="showSelected(this);"