Получить выбранное значение элемента раскрывающегося списка с помощью jQuery

Question

Как получить выбранное значение раскрывающегося списка с помощью jQuery?
Я пытался использовать

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

и

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

, но оба возвращали пустую строку.

Answer 1

$("#selector <b>></b> option:selected").val()

Или

$("#selector <b>></b> option:selected").text()

Выше коды работали хорошо для меня

Answer 2

используйте любой из этих кодов

$('#dropDownId :selected').text();

OR

$('#dropDownId').text();

Answer 3

Если у вас более одного выпадающего списка, попробуйте:

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

это должно работать у вас

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

Answer 5

Используйте метод ниже, чтобы получить выбранное значение при загрузке страницы:

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

Answer 6

Попробуйте это:

 $('#dropDownId option').filter(':selected').text();     

 $('#dropDownId option').filter(':selected').val();

Answer 7

$("#dropDownId").val('2');
var SelectedValue= $("#dropDownId option:selected").text();
$(".ParentClass .select-value").html(SelectedValue);


<p class="inline-large-label button-height ParentClass" >
     <label for="large-label-2" class="label">Country <span style="color: Red;">*</span><small></small></label>
     <asp:DropDownList runat="server" ID="dropDownId " CssClass="select" Width="200px">          
    </asp:DropDownList>
</p>

Answer 8

нужно поставить вот так.

$('[id$=dropDownId] option:selected').val();

Answer 9

Вы можете использовать любой из них:

$(document).on('change', 'select#dropDownId', function(){

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

            //OR

            var value = $(this).val();

});