Ausgewählten Wert eines Dropdown-Elements mit jQuery abrufen

Question

Wie kann ich den ausgewählten Wert einer Dropdown-Box mit jQuery erhalten?
Ich habe es mit

var value = $('#dropDownId').val();

y

var value = $('select#dropDownId option:selected').val();

aber beide geben eine leere Zeichenkette zurück.

Answer 1

Verwenden Sie die folgende Methode, um den ausgewählten Wert beim Laden der Seite abzurufen:

$(document).ready(function () {
$('#ddlid').on('change', function () {
                var value = $('#ddlid :selected').text();
                alert(value);`
            });
});

Answer 2

Für Normal Seite geladen Dropdowns

  $("#dropDownId").on('change',function(){
     var value=$(this).val();
     alert(value);
  });

für dynamisch hinzugefügte Optionen Achten Sie darauf, dass die ID eindeutig ist

  $(document).on('change','#dropDownId',function(){
    var value=$(this).val();
    alert(value)
  });

Answer 3

Wenn Sie mehr als ein Dropdown haben, versuchen Sie es:

HTML:

<select id="dropdown1" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>
<select id="dropdown2" onchange="myFunction(this)">
    <option value='...'>Option1
    <option value='...'>Option2
</select>

JavaScript:

    function myFunction(sel) {
        var selected = sel.value;
    }

Answer 4

HTML:

<select class="form-control" id="SecondSelect">
       <option>5<option>
       <option>10<option>
       <option>20<option>
       <option>30<option>
</select>

JavaScript:

var value = $('#SecondSelect')[0].value;

Answer 5

Mit Hilfe der folgenden Codezeile können wir den Wert der Dropdown-Liste abrufen, das wird funktionieren

var getValue = document.getElementById("<%=ddlID.ClientID%>").value;