Wie erhalte ich den ausgewählten Wert und Text aus einer Dropdown-Liste in JavaScript?

Ausgewählten Wert aus einer Dropdown-Liste in JavaScript abrufen

Der Zugriff auf den ausgewählten Wert aus einem Dropdown- oder Auswahlfeld mithilfe von JavaScript ist eine häufige Aufgabe in Webentwicklung. Der ausgewählte Wert stellt wichtige Informationen für die Verarbeitung von Formularen und die Interaktion mit dem Benutzer bereit.

Um den ausgewählten Wert abzurufen, können wir die Value-Eigenschaft des verwenden. Element. Diese Eigenschaft stellt die Option dar, die aktuell vom Benutzer ausgewählt ist.

Lassen Sie uns dies anhand eines Beispiels demonstrieren:

<form>
  <select>

var e = document.getElementById("ddlViewBy");
var value = e.value;

In diesem Beispiel referenziert die Variable e die Option

Darüber hinaus können Sie den mit der ausgewählten Option verbundenen Text auch abrufen, indem Sie Folgendes verwenden:

var text = e.options[e.selectedIndex].text;

Dieser Code weist den Textinhalt der ausgewählten Option der Textvariablen zu.

Interaktiv Beispiel:

[Beispiel](interaktiver-Beispielcode)

In diesem Beispiel können Sie eine Option aus der Dropdown-Liste auswählen und sowohl den ausgewählten Wert als auch den ausgewählten Text in der Konsole protokollieren Ihre Referenz.

Das obige ist der detaillierte Inhalt vonWie erhalte ich den ausgewählten Wert und Text aus einer Dropdown-Liste in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript for select using Property console this

Stellungnahme：

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

Vorheriger Artikel：Wie kann ich Versprechen für das Lesen von Dateien nacheinander auflösen?Nächster Artikel：Wie kann ich Versprechen für das Lesen von Dateien nacheinander auflösen?

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

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über unsHaftungsausschlussSitemap

© php.cn All rights reserved