Heim >Web-Frontend >js-Tutorial >Wie erhalte ich mit JavaScript den ausgewählten Wert und Text aus einer Dropdown-Liste?
Wie erhalte ich mit JavaScript den ausgewählten Wert und Text aus einer Dropdown-Liste?
- DDDOriginal
- 2024-12-24 06:18:16746Durchsuche
Ausgewählte Werte aus Dropdown-Liste mit JavaScript abrufen
Das Auswählen von Werten aus einer Dropdown-Liste ist eine häufige Aufgabe in der Webentwicklung. JavaScript bietet eine einfache Methode zum Abrufen des ausgewählten Werts mithilfe der Value-Eigenschaft des
Beachten Sie die folgende Dropdown-Liste:
<form> <select>
Um den ausgewählten Wert zu erhalten, verwenden Sie einfach den folgenden JavaScript-Code:
var e = document.getElementById("ddlViewBy");
var value = e.value;
Dadurch wird der Wert zugewiesen der ausgewählten Option (z. B. „2“) auf die Wertvariable.
Zusätzlich zum Wert können Sie auch den in der ausgewählten Option angezeigten Text abrufen Option:
var text = e.options[e.selectedIndex].text;
Dadurch wird der Text der ausgewählten Option (z. B. „test2“) der Textvariablen zugewiesen.
Mit diesen Techniken können Sie den ausgewählten Wert einfach abrufen und Text aus einer Dropdown-Liste in JavaScript.
Das obige ist der detaillierte Inhalt vonWie erhalte ich mit JavaScript den ausgewählten Wert und Text aus einer Dropdown-Liste?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
- Detaillierte Erläuterung des JavaScript-Funktions-Curryings
- Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
- Angularjs integriert WeChat UI (weui)
- Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse