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

Мой HTML ниже. Мне нужно получить выбранное значение (Scheduled), используя тег <select>. Как это можно сделать с помощью jQuery?

<select id="availability" style="display: none;">
  <option value="Available">Available</option>
  <option selected="selected" value="Scheduled">Scheduled</option>
  <option value="Unavailable">Unavailable</option>
</select>

Я сделал jQuery("#availability"), чтобы получить тег select, но я не знаю, как получить значение выбранных опций.

Ответ 1

Try:

jQuery("#availability option:selected").val();

Или, чтобы получить текст опции, используйте text():

jQuery("#availability option:selected").text();

Дополнительная информация:

Ответ 2

Вышеупомянутые решения не сработали для меня. Вот что я, наконец, придумал:

$( "#ddl" ).find( "option:selected" ).text();           // Text
$( "#ddl" ).find( "option:selected" ).prop("value");    // Value

Ответ 3

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

Это даст вам текстовое значение в раскрывающемся списке. Вы также можете использовать . Val() вместо . Text() в зависимости от того, что вы хотите получить. Следуйте ссылке на документацию и примеры jQuery.

Ответ 4

Я рассмотрел все ответы, приведенные выше. Это самый простой способ, с помощью которого я выбрал выбранное значение из выпадающего списка

$('#searchType').val() // for the value

Ответ 5

$('#availability').find('option:selected').val() // For Value 
$('#availability').find('option:selected').text() // For Text
or 
$('#availability option:selected').val() // For Value 
$('#availability option:selected').text() // For Text