JQuery работа с select

Селекторы JQuery для работы с select

<select id="my_select" name="my_select">

<option value="1">one</option>

<option value="2">two</option>

<option value="3">three</option>

</select>

 

1) Значение выбранного элемента

$("#my_select option:selected").val();

сокращенно:

$("#my_select :selected").val();

или:

$("select#my_select").val();

 

2) Получаем текст того же выбранного элемента

$("#my_select :selected").html();

или:

$("#my_select :selected").text();

 

3) Сделать <select> недоступным

$("#my_select").attr("disabled","disabled");

 

4) Разблокировать <select>

$("#my_select").attr("disabled","");

 

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

$("#my_select :selected").remove();

 

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

$("#my_select :first").remove();

 

7) Удалить последний элемент

$("#my_select :last").remove();

 

8) Удалить элемент, у которого value='2'

$("#my_select option[value='2']"). remove();

сокращенно:

$("#my_select [value='2']"). remove();

 

9) Очистить весь список <select>

$("#my_select").empty();

 

10) Перебрать все элементы списка <select>

$('#my_select option').each(function(){

alert(this.text);

});

 

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

$("#my_select :last").attr("selected", "selected");

 

12) Сделать выбранным второй элемент

$("#my_select :nth-child(2)").attr("selected", "selected");

 

13) Сделать выбранным элемент, содержащий текст 'two'

$("#my_select :contains('two')").attr("selected", "selected");

или:

$("#my_select").find("option:contains('two')").attr("selected", "selected");

или только первое вхождение:

$("#my_select :contains('two')").first().attr("selected", "selected");

или:

$("#my_select").find("option:contains('two')").first().attr("selected", "selected");

 

14) Сделать выбранным элемент, value которого = 2

$("#my_select [value='2']").attr("selected", "selected");

 

15) Добавить элемент в начало списка <select>

$("#my_select").prepend( $('<option value="0">zero</option>'));

 

16) Добавить элемент в конец списка <select>

$("#my_select").append( $('<option value="4">four</option>'));

 

17) Добавить новый элемент после второго

$("#my_select option:nth-child(2)").after($('<option value="22">twotwo</option>'));

 

18) Количество элементов option в списке <select>

$("select[id=my_select] option").size();

 

19) Проверяем, выбран ли элемент в списке <select>

if($("#my_select").val())

 

20) Сделать все элементы в списке <select> не выбранными

$('#my_select option:selected').each(function(){

this.selected=false;

});