Для наглядной демонстрации приведем два элемента <select>: select1 с фруктами и select2 с месяцами.

Рассмотрим список элементов select1:

<select id="select1" multiple="multiple">
<option>Апельсин</option>
<option>Мандарин</option>
<option selected="selected">Яблоко</option>
<option>Груша</option>
<option selected="selected">Вишня</option>
</select>

На select1 навешиваем обработчик событий OnChange с помощью jQuery:

 $(function () {
$("#select1").change(function () {
chek_option(this,'#rez1');
}).change();
});

Который при изменении select1 будет вызывать внешнюю функцию chek_option и передавать ей два параметра: this - ссылка на наш объект, в данном случае это select1, и второй параметр это id контейнера в который выводить результат.

А вот и наша функция:

function chek_option(item,name) {
var str = "";
$(item.children).each(function () {
if(this.selected) str += $(this).val() + " ";
});
$(name).html('Выбран элемент: ' + str);
}

Суть ее работы очень проста, получаем объект, находим всех его потомков (в данном случае это элементы option) и проверяем, если элемент выбран, то заносим его в переменную. После чего выводим переменную в контейнер, id которого мы передали.

Ну а на select2 навешиваем обработчик событий OnChange с помощью атрибута HTML:

<select id="select2" onchange="chek_option(this,'#rez2')" multiple="multiple">
<option>Март</option>
<option>Апрель</option>
<option selected="selected">Май</option>
<option>Август</option>
<option selected="selected">Январь</option>
</select>

Который также при изменении select2 будет вызывать туже функцию chek_option и передавать ей те же два параметра.

По сути, эти два обработчика работают одинаково, основное отличие лишь в том, что после загрузки страницы, благодаря функции jQuery change() один раз запускается событие на select1, по этому сразу и видно результат выбора элементов.

Если убрать функцию .change() строка 4, то работа двух представленных обработчиков OnChange будет одинаковой.

Иногда это полезно. А иногда нет смысла подгружать целую библиотеку jQuery. Решать Вам!

Пример события OnChange HTML и jQuery

Допустим, таблица имеет следующий вид:
id | name | date_reg
1 | user1 | 2010-02-01 00:00:0
2 | user2 | 2010-02-02 00:00:0
3 | eser3 | 2010-02-03 00:00:0

После следующего запроса:

SELECT A.* FROM (SELECT *
FROM user_name
ORDER BY date_reg ASC limit 1) A
UNION
SELECT B.* FROM (SELECT *
FROM user_name
ORDER BY user_name DESC limit 1) B

Получим результат:
id | name | date_reg
1 | user1 | 2010-02-01 00:00:0
3 | eser3 | 2010-02-03 00:00:0

Задача решена. Удачи!

Например, у нас имеется простенький <select id=”my_select” name=”my_select”> с id=”my_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;
});

На этом пока все.

Если что-то не упомянул, пишите в комментариях!