Pobierz wybraną wartość z listy rozwijanej za pomocą jQuery.

Mój HTML jest poniżej. I need to get the selected value (Scheduled) using the <select> tag. Jak można to zrobić za pomocą 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>

Zrobiłem jQuery("#availability"), aby uzyskać znacznik select, ale nie wiem, jak uzyskać wartość wybranych opcji.

Author: Keavon, 2010-08-18
Source

6 answers

Try: 

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

Lub aby uzyskać tekst opcji, Użyj text(): 

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

Więcej Informacji:

 57
Author: Sarfraz,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-08-18 14:59:32

Powyższe rozwiązania nie zadziałały dla mnie. Oto co w końcu wymyśliłem: 

$( "#ddl" ).find( "option:selected" ).text();           // Text
$( "#ddl" ).find( "option:selected" ).prop("value");    // Value
 11
Author: Mahdi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-01-22 13:55:10 
$("#availability option:selected").text();

To da ci wartość tekstową listy rozwijanej. Możesz również użyć .val () zamiast .text () w zależności od tego, co chcesz uzyskać. Kliknij link do dokumentacji i przykładów jQuery.

 8
Author: JasCav,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-08-18 14:59:36

Przejrzałem wszystkie odpowiedzi podane powyżej. Jest to najprostszy sposób, którego użyłem, aby uzyskać wybraną wartość z rozwijanej listy

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

 5
Author: minura,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-19 10:31:59 
$('#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
 3
Author: Nakendra Pun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-06-23 13:53:30

Cześć chłopaki używam tej techniki, aby uzyskać wartości z wybranej listy rozwijanej i działa jak urok.

var methodvalue = $("#method option:selected").val();
 0
Author: Shahbaz Pirzada,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-01-23 07:01:33