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

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()

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();

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();

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!