Heim >Web-Frontend >js-Tutorial >Wie rufe ich mit jQuery den Text und den Wert der ausgewählten Option aus einem Dropdown ab?

Wie rufe ich mit jQuery den Text und den Wert der ausgewählten Option aus einem Dropdown ab?

DDD
DDDOriginal
2024-12-06 22:45:12397Durchsuche

How to Retrieve the Selected Option's Text and Value from a Dropdown using jQuery?

jQuery: Abrufen der ausgewählten Option aus einem Dropdown

Beim Arbeiten mit Dropdown-Elementen kann das Abrufen der ausgewählten Option manchmal einen anderen Ansatz erfordern als Wird normalerweise für andere Formularelemente verwendet. Dies liegt daran, dass die Auswahl einer Option aus einem Dropdown-Menü den Wert des Dropdown-Menüs nicht direkt ändert. Stattdessen wird die ausgewählte Option durch die Eigenschaft „:selected“ identifiziert.

Für diesen Zweck bietet jQuery eine einfache Lösung:

Ausgewählten Text abrufen

Um den Text der ausgewählten Option abzurufen, verwenden Sie:

var conceptName = $('#aioConceptName').find(":selected").text();

Ausgewählte abrufen Wert

Wenn Sie den Wert der ausgewählten Option benötigen, verwenden Sie:

var conceptName = $('#aioConceptName').find(":selected").val();

Der Grund, warum val() in diesem Kontext möglicherweise nicht funktioniert, liegt darin, dass Sie auf eine Option in a klicken Dropdown ändert die :selected-Eigenschaft der Option und nicht den Wert des Dropdowns. Daher führt die direkte Annäherung mit val() möglicherweise nicht zum gewünschten Ergebnis.

Das obige ist der detaillierte Inhalt vonWie rufe ich mit jQuery den Text und den Wert der ausgewählten Option aus einem Dropdown ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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