Функция JS при выборе элемента списка select

@Frazelli · Регистрация: 31.01.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте. Не получается запустить функцию при выборе элемента списка select.
Есть вот такой код, но он почему-то работает только в фаирфоксе, в других браузерах нет.

HTML5

<select id="sel1" name="sel1">
    <option value="0">0</option>
    <option value="1" onClick="alert('test');">1</option>
</select>

Подскажите пожалуйста, как правильно сделать?

@kalabuni · 02.05.2012, 21:41

1. Теги <OPTION> в нормальных браузерах не поддерживают событие onclick.

2. В данном случае рекомендуется обрабатывать событие onchange в теге <SELECT>, используя при этом параметр this.selectedIndex, который содержит индекс выбранного тега <OPTION>, из которого вы можете "вытащить" как видимый пользователю текст
- this.options [this.selectedIndex].text так и value
- this.options [this.selectedIndex].value.
Пример:

HTML5

<select onchange="with (this) alert (options [selectedIndex].value + options [selectedIndex].text)">
<option value="Миру - ">мир!</option>
<option value="Нет ">войне!</option>
<option value="Мир ">хижинам!</option>
<option value="Война ">дворцам!</option>
<option value="Свободу ">Pussy Riot!</option>
<option value="Россия без ">Путина!</option>
<option value="Гундяев, отдай ">часы!</option>
</select>

@Frazelli · 03.05.2012, 08:24 **[ТС]**

kalabuni, спасибо, все получилось.

@Frazelli 10 / 10 / 5 Регистрация: 31.01.2012 Сообщений: 98
	03.05.2012, 08:24 [ТС]	3
	kalabuni, спасибо, все получилось. 0

Функция JS при выборе элемента списка select

Решение