从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

最好在<select>上分配onChange="schedule(this.value);。一方面是因为它确实有效，另一方面是为了避免在两次选择相同选项时出现冗余代码，另一部分是因为事件处理程序越少越好。

Answer 2

在select 上使用onchange事件

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

然后在你的处理程序中。。。

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

演示：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
}

Answer 4

这很容易做到：

<span class="text-left" hidden>{{ fullNameExists(concern.user) }}</span>

它会调用它。你甚至可以用隐藏的防止结果对用户可见来隐藏它。

<client-only>
<span class="text-left" hidden>{{ fullNameExists(concern.user) }}</span>
</client-only>