November 28th, 2015

JQuery и select

У нас есть select с id=”color”:

<select id=»color» name=»color»>
<option value=»blue»>синий</option>
<option value=»brown»>коричневый</option>
<option value=»burgundy»>бордовый</option>
<option value=»cornflower»>васильковый</option>
</select>

Получение значения выбранного элемента

$(«#color option:selected»).val()

Получить текст выбранного элемента

$(«#color option:selected»).html();

Добавить элемент в конец списка

$(#color).append( $(‘<option value=»cream»>кремовый</option>) );

Добавить элемент в начало списка

$(«#color»).prepend( $(‘<option value=»cream″>кремовый</option>) );

Вставить элемент после заданного элемента (после второго)

$(#color option:nth-child(2)’).after($(‘<option value=»cream»>кремовый</option>));

Удалить элемент (выбранный)

$(#color option:selected’).remove();

Очистить select

$(«#color»).empty();

Сделать элемент выбранным (последний)

$(#color option:last’).attr(‘selected’, ‘selected’);

Сделать элемент недоступным (третий)

$(#color option:nth-child(3)’).attr(‘disabled’, ‘disabled’);