multinivel - menus con jquery

Obtenga el valor de un menú desplegable en jQuery

Question

Tengo un menú desplegable que tiene un par ''ID, nombre''.

Ejemplo

Jon Miller
Jim Smith
Jen Morsin

Jon MIller tiene una identificación de 101
Jim Smith tiene un ID de 102
Jen Morsin tiene un ID de 103

Cuando hago el followng:

var arNames = $(''#Crd'').val()

y selecciono a Jon Miller, obtengo 101. Me gustaría contratar a Jon Miller.

Answer 1

Como se ha señalado ... en un cuadro de select , el .val() le dará el valor de la opción seleccionada. Si la opción seleccionada no tiene un atributo de valor, se usará de forma predeterminada el valor de visualización de la opción (que es lo que muestran los ejemplos en la .val() .

desea usar .text() de la opción seleccionada:

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

Answer 2

Esto le da el valor actual del menú desplegable, si el menú desplegable tiene una ID de "someId".

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

Answer 3

Esto me ha funcionado!

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

¡Espero que esto ayude a alguien!

Answer 4

La mejor manera es usar:

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

Dependiendo del requerimiento, también puede usar de esta manera:

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

Answer 5

Otra opción:

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

Answer 6

Prueba esto:

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

Answer 7

Si está utilizando un <select> , .val() obtiene el ''valor'' de la <option> seleccionada. Si no tiene un value , puede recurrir a la id . Pon el valor que deseas que vuelva en el atributo de value de cada <option>

Editar: vea los comentarios para aclarar qué value realmente es (no necesariamente igual al atributo de value ).

Answer 8

$(''#Crd'').val() le dará el valor seleccionado del elemento desplegable. Use esto para obtener el texto de las opciones seleccionadas.

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

Answer 9

$(''.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>

Answer 10

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

selectSal es una clase.