выполнить функцию JavaScript из выбора HTML

Question

У меня есть простой HTML-тег выбора с некоторыми опциями:

<select>
<option>school a</option>
<option>school b</option>
<option>school c</option>
</select>

Я бы хотел прикрепить несколько простых обработчиков событий к опциям так же, как я бы сказал ... ссылка:

<option onclick="scheduleA();">school a</option>

мне нужно создать отдельную функцию javascript, чтобы иметь дело с обработкой событий в этой ситуации, или есть какой-нибудь быстрый html, который выполнит эту задачу?

Answer 1

Вам лучше назначить onChange="schedule(this.value); на <select>.Частично потому, что это действительно работает, частично, чтобы избежать избыточного кода, если один и тот же параметр выбран дважды, частично потому, что всегда меньше обработчиков событий.

Answer 2

Используйте событие onchange для select

<select onchange="scheduleA.call(this, event)">

Затем в вашем обработчике ...

function scheduleA(event) {
    alert(this.options[this.selectedIndex].text);
}

DEMO: http://jsfiddle.net/hYY6X/

Answer 3

используйте onchange вместо

<select onchange="schedule(this.value)">
<option>school a</option>
<option>school b</option>
</select>

function schedule(selectedValue){
     ... do something with selectedValue
}