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

Hier ist die einfache Lösung für dieses Problem.

$("select#aioConceptName").change(function () {
           var selectedaioConceptName = $('#aioConceptName').find(":selected").val();;
           console.log(selectedaioConceptName);
        });

Answer 2

Wenn Sie das Attribut 'value' anstelle des Textknotens abrufen möchten, funktioniert dies für Sie:

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

Answer 3

Versuchen Sie es mit diesem:

$(document).ready(function() {

    $("#name option").filter(function() {
        return $(this).val() == $("#firstname").val();
    }).attr('selected', true);

    $("#name").live("change", function() {

        $("#firstname").val($(this).find("option:selected").attr("value"));
    });
});

Bitte auswählen... 
Elvis 
Frank 
Jim

Answer 4

$('nameofDropDownList').prop('selectedIndex', beliebigeZahlAlsInt);

Stellen Sie sich das DDL als Array mit Indizes vor, Sie wählen einen Index aus. Wählen Sie denjenigen aus, den Sie mit Ihrem JS festlegen möchten.

Answer 5

Es gibt nur eine korrekte Möglichkeit, das ausgewählte Optionselement zu finden - über das value-Attribut der option. Nehmen Sie also den einfachen Code:

// gefundenes ausgewähltes Optionselement
$select = $("#mySelect");
$selectedOption = $select.find( "option[value=" + $select.val() + "]" );
// den Text des ausgewählten Optionselements erhalten
console.log( $selectedOption.text() );

Also, wenn Sie eine Liste wie diese haben:

  Erste Option
  Zweite Option
  Dritte Option

Wenn Sie das selected-Attribut für option verwenden, wird find(":selected") ein falsches Ergebnis liefern, da das selected-Attribut für option für immer bestehen bleibt, auch wenn der Benutzer eine andere Option auswählt.

Auch wenn der Benutzer die erste oder zweite Option auswählt, wird das Ergebnis von $("select option:selected") zwei Elemente zurückgeben! Also wird $("select :selected").text() ein Ergebnis wie "Erste Option Dritte Option" geben.

Verwenden Sie also den Selektor für das value-Attribut und vergessen Sie nicht, das value-Attribut für alle Optionen zu setzen!