jQuery para recuperar y establecer el valor de la opción seleccionada del elemento de selección html

Question

Estoy intentando recuperar y establecer el valor seleccionado de un elemento de selección (lista desplegable) con jQuery.

para retrievel He intentado $("#myId").find(':selected').val(), así como $("#myId").val() pero ambos devuelven undefined.

Cualquier observación sobre este problema sería muy apreciada.

gracias de antemano

Answer 1

La forma en que lo tienes es correcta en el momento. O bien, la identificación del seleccionado no es lo que dices o tienes algunos problemas en el dom.

Compruebe el Id del elemento y también verifique que su marcado valide en here en W3c.

Sin un dom dom jQuery válido no puede funcionar correctamente con los selectores.

Si los identificadores son correctos y su dom valida a continuación, se aplica lo siguiente:

para leer Seleccionar valor de opción

$('#selectId').val(); 

Para fijar Seleccionar la opción de Valor

$('#selectId').val('newValue'); 

de leer el texto seleccionado

$('#selectId>option:selected').text(); 

Answer 2

$('#myId').val() debería hacerlo, en su defecto que iba a tratar:

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

Answer 3

$("#myId").val() debería funcionar si myid es el elemento de identificación seleccionado!

Esto establecería el elemento seleccionado: $("#myId").val('VALUE');

Answer 4

Para obtener/establecer la propiedad selectedIndex real del selecto utilización elemento:

$("#select-id").prop("selectedIndex"); 

$("#select-id").prop("selectedIndex",1); 

Answer 5

Supongamos que ha creado una lista desplegable usando etiqueta SELECT como ya sigue,

<select id="Country"> 

Ahora bien, si usted quiere ver lo que es el valor seleccionado de caída hacia abajo con jQuery y luego, en pocas palabras siguiente línea a recuperar ese valor ..

var result= $("#Country option:selected").text(); 

funcionará bien.

Answer 6

Al configurar con JQM, no se olvide de actualizar el UI:

$('#selectId').val('newValue').selectmenu('refresh', true); 

Answer 7

Sé que esto es viejo pero sólo tenía un oso de un tiempo con la maquinilla de afeitar, no podía conseguir que funcione sin importar que tan duro lo intenté Seguí regresando como "indefinido" sin importar si usé "text" o "html" para el atributo. Finalmente agregué el atributo "data-value" a la opción y lo leí perfectamente.

<option value="1" data-value="MyText">MyText</option> 

var DisplayText = $(this).find("option:selected").attr("data-value"); 

Answer 8

$ ("#myId option: selected") .text(); le dará el texto que seleccionó en el elemento desplegable. de cualquier manera, puede cambiarlo a .val(); para obtener el valor de eso compruebe la codificación siguiente

<select id="myId"> 
    <option value="1">Mr</option> 
    <option value="2">Mrs</option> 
    <option value="3">Ms</option>` 
    <option value="4">Dr</option> 
    <option value="5">Prof</option> 
</select>