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

Estoy tratando de recuperar y establecer el valor seleccionado de un elemento seleccionado (lista desplegable) con jQuery.

para retrievel he intentado $("#myId").find(':selected').val(), así como$("#myId").val() pero ambos regresan indefinidos.

Cualquier idea sobre este problema sería muy apreciada.

La forma en que lo tienes es correcta en este momento. O el id de select no es lo que dices o tienes algunos problemas en el dom.

Verifique el Id del elemento y también verifique que su marcado valide aquí en W3c.

Sin una dom jQuery válida no puede funcionar correctamente con los selectores.

Si las identificaciones son correctas y su dom valida, se aplica lo siguiente:

Para leer Seleccione el valor de la opción

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

Para establecer el valor de la opción de selección

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

Para leer el texto seleccionado

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

para obtener / establecer la propiedad real SelectedIndex del elemento select use:

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

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

$('#myId').val() debería hacerlo, si no lo intentara:

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

Al configurar con JQM, no olvide actualizar UI:

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

$("#myId").val() debería funcionar si myid es el id del elemento select!

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

Supongamos que ha creado una lista desplegable con la etiqueta SELECT de la siguiente manera,

<select id="Country">

Ahora, si desea ver cuál es el valor seleccionado del menú desplegable utilizando JQuery, simplemente coloque la siguiente línea para recuperar ese valor.

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

Funcionará bien.

Sé que esto es viejo, pero tuve un momento difícil con Razor, no pude hacerlo funcionar sin importar cuánto lo intenté. Seguí volviendo como "indefinido" sin importar si usé "texto" o "html" para el atributo. Finalmente agregué el atributo "data-value" a la opción y lo leyó bien.

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

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

$ ("opción #myId: seleccionado") .text (); le dará el texto que seleccionó en el elemento desplegable. de cualquier manera puede cambiarlo a .val (); para obtener el valor de ello. verifique la codificación a continuación

<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>

Prueba esto

$('#your_select_element_id').val('your_value').attr().add('selected');