Как выделить конкретную опцию элемента select с помощью jQuery?

Когда речь заходит о мелочах, jQuery непростой и гибкий инструмент. В этом совете мы поговорим о том, как выделить какую-то конкретную опцию элемента select средствами jQuery.

К примеру у нас есть следующий html:

<div class="selDiv">
  <select class="opts">
    <option selected value="DEFAULT">Default</option>
    <option value="SEL1">Selection 1</option>
    <option value="SEL2">Selection 2</option>
  </select>
</div>

Для выборки опции по конкретному значению атрибута value:

$('.selDiv option[value="SEL1"]').prop('selected', true);

Для выборки по какому-то конкретному индексу:

$('.selDiv option:eq(1)').prop('selected', true);

Для выборки по тексту:

$('.selDiv option') .filter(function(i, e) { return $(e).text() == "Selection 1"});

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://stackoverflow.com/questions/314636/how-do-you-select-a-particular-option-in-a-select-element-in-jquery
Перевел: Станислав Протасевич
Урок создан: 14 Октября 2015
Просмотров: 9837
Правила перепечатки

5 последних уроков рубрики "jQuery"

^ Наверх ^