используйте jquery, чтобы выбрать опцию выпадающего

Question

Мне было интересно, можно ли заставить jQuery выбрать опцию, скажем, 4-й элемент, в выпадающем списке?

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

Я хочу, чтобы пользователь щелкнул ссылку, а затем поле выбора изменило ее значение, как если бы пользователь выбрал его, щелкнув по опции.

Answer 1

Я предпочитаю nth-child (), а не eq (), поскольку он использует индексирование на основе 1, а не на основе 0, что немного проще для моего мозга.

//selects the 2nd option
$('select>option:nth-child(2)').attr('selected', true);

Answer 2

ответ с идентификатором:

$('#selectBoxId').find('option:eq(0)').attr('selected', true);

Answer 3

 $('select>option:eq(3)').attr('selected', 'selected');

Одно предостережение: если у вас есть JavaScript, наблюдающий за событием изменения выбора / опции, вам нужно добавить .trigger('change'), чтобы код стал.

 $('select>option:eq(3)').attr('selected', 'selected').trigger('change');

, потому что только вызов .attr('selected', 'selected') не вызывает событие