jQuery, aby pobrać i ustawić wartość wybranej opcji elementu HTML select

Próbuję pobrać i ustawić wybraną wartość wybranego elementu (lista rozwijana) z jQuery.

dla pobierania próbowałem $("#myId").find(':selected').val(), $("#myId").val()ale oba zwracają undefined.

Każdy wgląd w ten problem byłby bardzo mile widziany.

Sposób, w jaki to masz, jest w tej chwili poprawny. Albo identyfikator elementu select nie jest tym, co mówisz, albo masz problemy z domeną dom.

Sprawdź identyfikator elementu, a także sprawdź poprawność znaczników tutaj, w W3c.

Bez prawidłowego dom jQuery nie może działać poprawnie z selektorami.

Jeśli identyfikatory są prawidłowe, a Twoja domena jest poprawna, obowiązują następujące zasady:

Odczytać Wybierz wartość opcji

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

Aby ustawić Wybierz wartość opcji

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

Aby przeczytać wybrany tekst

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

aby pobrać / ustawić rzeczywistą właściwość selectedIndex elementu select, użyj:

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

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

$('#myId').val() powinienem to zrobić, w przeciwnym razie spróbuję:

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

Podczas ustawiania JQMnie zapomnij zaktualizować UI:

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

$("#myId").val()powinno działać, jeśli myidjest to identyfikator elementu wyboru!

To ustawiłoby wybrany element: $("#myId").val('VALUE');

Załóżmy, że utworzyłeś listę rozwijaną za pomocą tagu SELECT, jak poniżej,

<select id="Country">

Teraz, jeśli chcesz zobaczyć, jaka jest wybrana wartość z listy rozwijanej za pomocą JQuery, po prostu umieść następujący wiersz, aby pobrać tę wartość.

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

będzie działać dobrze.

Wiem, że to jest stare, ale właśnie spędziłem trochę czasu z Razorem, nie mogłem go zmusić do pracy, bez względu na to, jak bardzo się starałem. Wracane jako „niezdefiniowane” bez względu na to, czy użyłem „tekstu” czy „html” jako atrybutu. Na koniec dodałem atrybut „data-value” do opcji i odczytałem to dobrze.

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

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

$ ("opcja #myId: wybrana") .text (); poda tekst, który wybrałeś w rozwijanym elemencie. tak czy inaczej możesz to zmienić na .val (); aby uzyskać jego wartość. sprawdź poniższe kodowanie

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

Spróbuj tego

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