Получите значение выпадающего списка в jQuery

Ответ 1

$('#Crd').val() предоставит вам выбранное значение элемента drop down. Используйте это, чтобы получить текст выбранных опций.

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

Ответ 2

Лучше всего использовать:

$("#yourid option:selected").text();

В зависимости от требования вы также можете использовать этот способ:

var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()

Ответ 3

Если вы используете <select>, .val() получает "значение" выбранного <option>. Если оно не имеет value, оно может откатиться к id. Поместите значение, которое вы хотите вернуть, в атрибут value каждого <option>

Изменение: см. Комментарии для уточнения того, что value самом деле (не обязательно равно атрибуту value).

Ответ 4

Это сработало для меня!

$('#selected-option option:selected').val()

Надеюсь, это поможет кому-то!

Ответ 5

var sal = $('.selectSal option:selected').eq(0).val();

selectSal - класс.

Ответ 6

Попробуйте следующее:

var text = $('#YourDropdownId').find('option:selected').text();

Ответ 7

Другой вариант:

$("#<%=dropDownId.ClientID%>").children("option:selected").val();

Ответ 8

Как было указано... в поле select атрибут .val() предоставит вам значение выбранного параметра. Если выбранная опция не имеет атрибута значения, она будет по умолчанию отображаться значением параметра (что является примером для документации jQuery .val show.

вы хотите использовать .text() выбранной опции:

$('#Crd option:selected').text()

Ответ 9

Это дает вам текущее значение раскрывающегося списка, если раскрывающийся список имеет идентификатор "someId".

$("#someId").val();

Ответ 10

Передайте идентификатор и удерживайте его в переменной и передайте переменную куда хотите.

var temp = $ ('select [name = ID Name]'). val();

Ответ 11

$('.leave_response').on('change', function() {
    var responseId = $(this).val();
    console.log(responseId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
    <select class="leave_response" name="leave">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</td>