javascript как узнать что выбрано в форме элемента select

Через джаваскрипт можно определить что пользователь выбрал в меню селект в форме:

<form>
<label>Select background color:</label>
<select id="backgroundColor">
<option value="white" selected="selected">White</option> 
<option value="black">Black</option>
</select>
</form>

Следующий скрипт позволяет это узнать:

// получаем элемент select
var selectObj = document.getElementById("backgroundColor"); 
// определяем выбранный в селекте номер option
var index = selectObj.selectedIndex;
// используя этот номер смотрим его содержимое 
//var bgColor = selectObj[index].value;
//
// коротко в одну строку можно записать так
var bgColor = selectObj[selectObj.selectedIndex].value;
alert (bgColor);

Свойство selectedIndex элемента управления формы select возвращает номер параметра, выбранного пользователем в раскрывающемся списке. Каждый список параметров преобразуется в массив, при этом все объекты в массиве располагаются по порядку. Допустим, у вас имеется список выбора, включающий следующие варианты: "pizza", "doughnut" и "granola bar". Если ВЫ выберете «doughnut», то selectedIndex вернет 1 (нумерация в javascript-массиве начинается с 0).

Вам потребуется не только индекс, но и значение параметра с этим индексом (в нашем случае — "doughnut"). Чтобы извлечь данное значение, сначала нужно воспользоваться индексом для извлечения элемента массива; в результате обратно вы получите объект параметра. Чтобы извлечь значение этого объекта, необходимо прибегнуть к свойству value, которое возвращает строку в атрибуте value параметра.