jQuery для получения и установки выбранного значения параметра элемента выбора html

Я пытаюсь получить и установить выбранное значение элемента select (раскрывающийся список) с помощью jQuery.

для получения я пробовал $("#myId").find(':selected').val(), $("#myId").val()но оба возвращают undefined.

Мы будем очень признательны за любое понимание этой проблемы.

То, как оно у вас есть, на данный момент правильное. Либо идентификатор избранного не то, что вы говорите, либо у вас есть проблемы в домене.

Проверьте идентификатор элемента, а также проверьте правильность разметки здесь, в W3c.

Без действующего dom jQuery не может правильно работать с селекторами.

Если идентификаторы верны и ваш дом проверяет, применяется следующее:

Для чтения выберите значение параметра

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

Чтобы установить значение параметра выбора

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

Чтобы прочитать выбранный текст

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

чтобы получить / установить фактическое свойство selectedIndex для элемента select:

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

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

$('#myId').val() должен это сделать, в противном случае я бы попробовал:

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

При настройке с помощью JQMне забудьте обновить UI:

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

$("#myId").val()должен работать, если myidэто идентификатор элемента select!

Это установит выбранный элемент: $("#myId").val('VALUE');

Предположим, вы создали раскрывающийся список с помощью тега SELECT, как показано ниже:

<select id="Country">

Теперь, если вы хотите увидеть выбранное значение из раскрывающегося списка с помощью JQuery, просто введите следующую строку, чтобы получить это значение.

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

он будет работать нормально.

Я знаю, что это старый, но я просто очень долго работал с Razor, не мог заставить его работать, как бы я ни старался. Продолжал возвращаться как «undefined» независимо от того, использовал ли я «текст» или «html» для атрибута. Наконец, я добавил к опции атрибут «значение-данные», и она прекрасно прочитала.

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

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

$ ("#myId option: selected") .text (); предоставит вам текст, который вы выбрали в раскрывающемся элементе. в любом случае вы можете изменить его на .val (); чтобы понять его ценность. проверьте приведенную ниже кодировку

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

Попробуй это

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