jQuery per recuperare e impostare il valore dell'opzione selezionata dell'elemento html select

Sto tentando di recuperare e impostare il valore selezionato di un elemento selezionato (elenco a discesa) con jQuery.

per il recupero ho provato $("#myId").find(':selected').val(), $("#myId").val()ma entrambi restituiscono indefinito.

Qualsiasi approfondimento su questo problema sarebbe molto apprezzato.

Il modo in cui lo hai è corretto al momento. O l'id della selezione non è quello che dici o hai dei problemi nel dom.

Controlla l'ID dell'elemento e verifica anche la convalida del markup qui su W3c.

Senza un dom valido jQuery non può funzionare correttamente con i selettori.

Se l'id è corretto e il tuo dominio è valido, si applica quanto segue:

Per leggere selezionare l'opzione Valore

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

Per impostare Seleziona valore opzione

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

Per leggere il testo selezionato

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

per ottenere / impostare l'effettiva proprietà selectedIndex dell'elemento select usare:

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

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

$('#myId').val() dovrei farlo, non riuscendo a provare:

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

Durante l'impostazione con JQM, non dimenticare di aggiornare UI:

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

$("#myId").val()dovrebbe funzionare se myidè l'id dell'elemento select!

Ciò imposterebbe l'elemento selezionato: $("#myId").val('VALUE');

Supponiamo di aver creato un elenco a discesa utilizzando il tag SELECT come segue,

<select id="Country">

Ora, se vuoi vedere qual è il valore selezionato dal menu a discesa usando JQuery, metti semplicemente la seguente riga per recuperare quel valore.

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

funzionerà benissimo.

So che questo è vecchio, ma ho avuto un po 'di tempo con Razor, non sono riuscito a farlo funzionare, non importa quanto ci abbia provato. Ho continuato a tornare come "indefinito", non importa se ho usato "testo" o "html" per l'attributo. Alla fine ho aggiunto l'attributo "valore-dati" all'opzione e ho letto bene.

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

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

$ ("Opzione #myId: selezionato") .text (); ti darà il testo che hai selezionato nell'elemento a discesa. in entrambi i casi è possibile modificarlo in .val (); per ottenerne il valore. controlla la seguente codifica

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

Prova questo

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