jQuery para recuperar e definir o valor da opção selecionada do elemento de seleção html

Estou tentando recuperar e definir o valor selecionado de um elemento de seleção (lista suspensa) com o jQuery.

para recuperar eu tentei $("#myId").find(':selected').val(), bem como, $("#myId").val()mas ambos retornam indefinidos.

Qualquer visão sobre esse problema seria muito apreciada.

O jeito que você tem está correto no momento. O ID do select não é o que você diz ou você tem alguns problemas no domínio.

Verifique o ID do elemento e também verifique se a sua marcação é válida aqui no W3c.

Sem um domínio válido, o jQuery não pode funcionar corretamente com os seletores.

Se os IDs estão corretos e seu domínio é validado, o seguinte se aplica:

Ler valor da opção de seleção

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

Para definir o valor da opção de seleção

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

Para ler o texto selecionado

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

para obter / definir a propriedade selectedIndex real do elemento select, use:

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

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

$('#myId').val() deve fazê-lo, na falta de tentar:

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

Ao definir com JQM, não se esqueça de atualizar o UI:

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

$("#myId").val()deve funcionar se myidfor o id do elemento select!

Isso definiria o item selecionado: $("#myId").val('VALUE');

Suponha que você tenha criado uma lista suspensa usando a tag SELECT da seguinte maneira,

<select id="Country">

Agora, se você quiser ver qual é o valor selecionado no menu suspenso usando JQuery, basta colocar a seguinte linha para recuperar esse valor.

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

funcionará bem.

Sei que é velho, mas passei um bom tempo com o Razor, não consegui fazê-lo funcionar, por mais que tentasse. Mantive o retorno como "indefinido", independentemente de eu ter usado "texto" ou "html" como atributo. Por fim, adicionei o atributo "data-value" à opção e lia isso muito bem.

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

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

$ ("#myId opção: selecionada") .text (); fornecerá o texto que você selecionou no elemento suspenso. de qualquer maneira, você pode alterá-lo para .val (); para obter o valor disso. verifique a codificação abaixo

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

Tente isto

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