выполнить функцию javascript из html select

У меня есть простой тег html select с некоторыми добавленными параметрами:

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

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

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

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

Ответ 1

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

Ответ 2

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

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

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

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

ДЕМО: http://jsfiddle.net/hYY6X/

Ответ 3

вместо этого использовать вместо

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

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