从html select执行javascript函数

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);
}

演示: http : //jsfiddle.net/hYY6X/