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
}

Answer 4

嗨，这很容易做到：

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

谢谢

它会调用它。您甚至可以隐藏它，让用户可以看到隐藏的预防结果。

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

从html select执行javascript函数

4 个答案: