Как сделать первый вариант <select>выбранным с помощью jQuery

Question

Как сделать первый вариант выбранным с помощью jQuery?

<select id="target">
  <option value="1">...</option>
  <option value="2">...</option>
</select>

Answer 1

Для меня это сработало только тогда, когда я добавил следующую строку кода

$('#target').val($('#target').find("option:first").val());

Answer 2

Проверьте этот лучший подход, используя jQuery с ECMAScript 6 :

$('select').each((i, item) => {
  var $item = $(item);
  $item.val($item.find('option:first').val()); 
});

Answer 3

Использование:

alert($( "#target option:first" ).text());

Answer 4

Если вы храните объект jQuery элемента select:

var jQuerySelectObject = $("...");

...

jQuerySelectObject.val(jQuerySelectObject.children().eq(0).val());

Answer 5

$('select#id').val($('#id option')[index].value)

Замените id на определенный идентификатор тега select, а index - на конкретный элемент, который вы хотите выбрать.

т.е.

<select class="input-field" multiple="multiple" id="ddlState" name="ddlState">
                                        <option value="AB">AB</option>
                                        <option value="AK">AK</option>
                                        <option value="AL">AL</option>
</select>

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

$('select#ddlState').val($('#ddlState option')[0].value)

Answer 6

Это сработало для меня!

$("#target").prop("selectedIndex", 0);

Answer 7

$("#target").val(null);

нормально работал в хроме