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

Я намагаюся отримати і встановити вибране значення елемента вибору (спадний список) за допомогою jQuery.

для retrievel я спробував $("#myId").find(':selected').val(), а також, $("#myId").val()але обидва повертаються невизначеними.

Будь-яке розуміння цієї проблеми було б вдячно.

Те, як ви це маєте, є правильним на даний момент. Або ідентифікатор вибору не є тим, що ви говорите, або у вас є деякі проблеми в домі.

Перевірте ідентифікатор елемента, а також перевіряйте свою розмітку тут на W3c.

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

Якщо ідентифікатори є правильними і ваш дім підтверджує, застосовується наступне:

Для читання Виберіть значення параметра

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

Щоб встановити значення вибору параметра

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

Читати вибраний текст

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

щоб отримати / встановити фактичне властивість selectedIndex вибраного елемента використання:

$("#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ідентифікатор елемента вибору!

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

Припустимо, ви створили спадний список, використовуючи тег SELECT, як описано нижче,

<select id="Country">

Тепер, якщо ви хочете побачити, яке обране значення випадає за допомогою JQuery тоді, просто поставте наступний рядок, щоб отримати це значення.

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

це буде добре працювати.

Я знаю, що це по-старому, але у мене просто був ведмедик з Бритвою, я не міг змусити його працювати, як би не старався. Тримався повернення як "невизначений", незалежно від того, чи використовував я "текст" або "html" для атрибута. Нарешті я додав у параметр атрибут "data-value", і він прочитав це просто чудово.

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

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

$ ("опція #myId: вибрано") .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');