JQuery Ausgewählte Option aus Dropdown-Menü erhalten

Question

Normalerweise verwende ich $("#id").val(), um den Wert der ausgewählten Option zurückzugeben, aber dieses Mal funktioniert es nicht. Das ausgewählte Tag hat die ID aioConceptName

HTML-Code

Name

AIO Konzept Name

    Wähle io
    roma
    totti

Answer 1

Für Dropdown-Optionen möchten Sie wahrscheinlich etwas Ähnliches wie dies:

Für ausgewählten Text

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

Für ausgewählten Wert

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

Der Grund, warum val() nicht ausreicht, ist, weil das Klicken einer Option den Wert des Dropdowns nicht ändert - es fügt nur die :selected Eigenschaft zur ausgewählten Option hinzu, die ein Kind des Dropdowns ist.

Answer 2

Setzen Sie die Werte für jede der Optionen

AIO Konzept Name

    wähle io
    roma
    totti

$('#aioConceptName').val() hat nicht funktioniert, weil .val() das value Attribut zurückgibt. Um es richtig funktionieren zu lassen, müssen die value Attribute für jede gesetzt werden.

Jetzt können Sie $('#aioConceptName').val() aufrufen anstatt all diese :selected Methoden, die von anderen vorgeschlagen werden.

Answer 3

Ich bin über diese Frage gestolpert und habe eine kürzere Version der Antwort von Elliot BOnneville entwickelt:

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

oder generisch:

$('#id :pseudoclass')

Dies spart Ihnen einen zusätzlichen jQuery-Aufruf, wählt alles auf einmal aus und ist klarer (meine Meinung).

Answer 4

Versuchen Sie dies für den Wert...

$("select#id_of_select_element option").filter(":selected").val();

oder dies für den Text...

$("select#id_of_select_element option").filter(":selected").text();

Answer 5

Wenn Sie sich im Ereigniskontext befinden, können Sie in jQuery das ausgewählte Optionslement mit $(this).find('option:selected') wie folgt abrufen:

$('dropdown_selector').change(function() {
    // Verwenden Sie $option (mit dem "$"), um zu sehen, dass die Variable ein jQuery-Objekt ist
    var $option = $(this).find('option:selected');
    // Hinzugefügt mit dem EDIT
    var value = $option.val();// den Inhalt des "value"-Attributs zu erhalten
    var text = $option.text();// um den Inhalt von Text zu erhalten
});

Bearbeiten

Wie von PossessWithin erwähnt, beantwortet meine Antwort nur die Frage: Wie wählt man "Selected Option" aus.

Um den Optionswert zu erhalten, verwenden Sie option.val().