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

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

Linda Hamilton
Freigeben: 2024-12-08 05:00:09
Original
331 Leute haben es durchsucht

How Do I Retrieve the Selected Option's Value or Text from a jQuery Dropdown?

Ausgewählte Option aus einem jQuery-Dropdown abrufen

Bei Verwendung von $("#id").val() zur Rückgabe des Werts Wenn Sie in einem Dropdown-Menü eine ausgewählte Option auswählen, kann es zu unerwarteten Ergebnissen kommen. Dies ist auf ein bestimmtes Szenario zurückzuführen, das die Element-ID und die Art der Dropdown-Optionen betrifft.

In HTML-Code, in dem das Element mit der ID aioConceptName ein Dropdown darstellt, funktioniert der folgende Code nicht wie beabsichtigt:

$('#aioConceptName').val()
Nach dem Login kopieren

Der Grund dafür ist, dass val() das Wertattribut des Dropdowns selbst abruft, nicht die darin ausgewählte Option. Um den Wert oder Text der ausgewählten Option zu erhalten, verwenden Sie den folgenden Ansatz:

Für ausgewählten Text:

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

Dieser Code lokalisiert die ausgewählte Option im Dropdown-Menü unter Verwendung des :selected-Selektors und ruft seinen Text ab.

Für Ausgewählte Wert:

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

Dieser Code lokalisiert die ausgewählte Option auf ähnliche Weise, gibt jedoch ihr Wertattribut zurück.

Das obige ist der detaillierte Inhalt vonWie rufe ich den Wert oder Text der ausgewählten Option aus einem jQuery-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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage