Установить атрибут, выбранный для конкретной опции окна выбора, используя jquery

Question

У меня есть поле выбора со следующими параметрами

select id="box" ><br/>
  option value="1"Same Day<br/>
  option value="5">96<br/>
  option value="4">72<br/>
  option value="3">48<br/>
  option value="2">24<br/>
select>

Я хочу добавить атрибут attr к значению опции '4', я знаю, что могу показать выбранное через

$("#box").val(4)

Но это просто показывает, что он выбран, но не добавляет атрибут, выбранный для опции 4, я хочу добавить атрибут, выбранный для опции.

Пожалуйста, предложите

Спасибо

Answer 1

$('#box').children('option:eq(3)').attr('selected', 'selected');

Используется селектор eq(), который запрашивает указанный вами индекс.

Немного быстрее (даже если это больше печатать) будет метод .eq() вместо селектора:

$('#box').children('option').eq(3).attr('selected', 'selected');

Поскольку .eq() использует array slices вместо запроса по Sizzle. Как вы правильно заметили, обе версии начинают индексирование с нуля.

Ссылка: : экв. , .eq ()