2529 Stimmen

Ausgewählten Text aus einer Dropdown-Liste (Auswahlbox) mit jQuery abrufen

Wie kann ich den ausgewählten Text (nicht den ausgewählten Wert) aus einer Auswahlliste in jQuery?

13 Stimmen

Nur meine Meinung dazu: Ein "ASP"-Dropdown ist nichts Besonderes; es ist einfach gutes altes HTML :-)

0 Stimmen

Man kann diesen Artikel nachlesen: javascriptstutorial.com/blog/

0 Stimmen

Für vanilla javascript way, siehe stackoverflow.com/a/5947/32453

4026voto

rahul Punkte 179143
$("#yourdropdownid option:selected").text();

218 Stimmen

Ich denke, dies sollte sein $("#yourdropdownid").children("option").filter(":selected").‌​text() da is() einen booleschen Wert zurückgibt, der angibt, ob das Objekt mit dem Selektor übereinstimmt oder nicht.

45 Stimmen

Ich schließe mich der Bemerkung an, dass is() ein boolen zurückgibt; alternativ können Sie die folgende kleine Änderung verwenden: $('#yourdropdownid').children("option:selected").text();

104 Stimmen

$('select').children(':selected') ist der schnellste Weg: jsperf.com/get-selected-option-text

290voto

kgiannakakis Punkte 100768

Versuchen Sie dies:

$("#myselect :selected").text();

Für ein ASP.NET-Dropdown können Sie den folgenden Selektor verwenden:

$("[id*='MyDropDownId'] :selected")

238voto

JYX Punkte 2553

Die Antworten, die hier veröffentlicht wurden, zum Beispiel,

$('#yourdropdownid option:selected').text();

hat bei mir nicht funktioniert, aber das hier schon:

$('#yourdropdownid').find('option:selected').text();

Es handelt sich möglicherweise um eine ältere Version von jQuery.

120voto

Kirk Liemohn Punkte 7423

Wenn Sie die Dropdown-Liste bereits in einer Variablen zur Verfügung haben, funktioniert dies bei mir:

$("option:selected", myVar).text()

Die anderen Antworten auf diese Frage half mir, aber letztlich die jQuery Forum Thread $(this + "option:selected").attr("rel") option selected funktioniert nicht im IE am meisten geholfen.

Update: Der obige Link wurde korrigiert.

0 Stimmen

``` <script> $(document).ready(function() { $("#submit").click(function() { var value = $("#myselection option:selected"); alert(value.text()); }); }); </script> ``` <br> Link: geeksforgeeks.org/

81voto

Prabhagaran Punkte 3340

Das funktioniert bei mir

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

Wenn das Element dynamisch erstellt wird

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X