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
Freigeben: 2024-12-06 22:45:12
Original
351 Leute haben es durchsucht

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();
Nach dem Login kopieren

Ausgewählte abrufen Wert

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

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

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!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage