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

Question

Мой 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"), чтобы получить тег выбора, но я не знаю, как получить значение выбранных опций.

Answer 1

Попробуйте:

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

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

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

Подробнее:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Answer 2

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

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

Answer 3

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

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

Answer 4

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

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

Answer 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

Answer 6

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

var methodvalue = $("#method option:selected").val();