Obtenga el valor seleccionado en un menú desplegable usando jQuery.

Question

Mi HTML está por debajo. Necesito obtener el valor seleccionado (Scheduled) usando la etiqueta <select>. ¿Cómo se puede hacer esto usando 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> 

hice un jQuery("#availability") para obtener la etiqueta de selección, pero no saben cómo obtener valor de las opciones seleccionadas.

Answer 1

Probar:

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

O para obtener el texto de la opción, utilice text():

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

Más información:

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

Answer 2

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

Esto le dará el valor de texto de la lista desplegable. También puede usar .val() en lugar de .text() dependiendo de lo que esté buscando obtener. Siga el enlace a la documentación y ejemplos de jQuery.

Answer 3

Las soluciones anteriores no me funcionaron. Esto es lo que finalmente ocurrió:

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

Answer 4

$('#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 5

He pasado por todas las respuestas proporcionadas anteriormente. Esta es la manera más fácil que he usado para obtener el valor seleccionado de la lista desplegable

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

Answer 6

Hola chicos estoy usando esta técnica para obtener los valores de la desplegable lista seleccionado y se está trabajando como encanto.

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