javascript - onClick 不会启动函数

Question

我编写了一个下拉菜单，我希望在单击选项时触发函数。它尚未在任何浏览器上运行，因此我用一个简单的警报替换了第一个功能，但这也没有触发。任何指示将不胜感激!

<select name="webmenu" id="webmenu">
<option value="UK" id="UK_button" title="assets/images/uk_flag.png" onclick="alert('You are clicking on me');">&nbsp;</option>
<option value="US" id="US_button" title="assets/images/us_flag.png" onclick="finalResultsUS()">&nbsp;</option>
<option value="EU" id="EU_button" title="assets/images/euro_flag.png" onclick="finalResultsEuro()">&nbsp;</option>
</select>

我已经根据迄今为止的回复对代码做了一些更改(谢谢大家)

<select name="webmenu" id="webmenu">
<option value="UK" id="UK_button" title="assets/images/uk_flag.png" onchange="alert('You are clicking on me');">&nbsp;</option>
<option value="US" id="US_button" title="assets/images/us_flag.png" onchange="finalResultsUS()">&nbsp;</option>
<option value="EU" id="EU_button" title="assets/images/euro_flag.png" onclick="finalResultsEuro()">&nbsp;</option>
</select>

<script>
document.getElementById("webmenu").onchange = function() {alert('you clicked me');
}
</script>

但我需要能够为每个特定选择触发不同的函数，而不是为选择的任何更改触发一个函数。请问如果没有 jquery 我怎么能做到这一点？

我可以使用:

document.getElementById("webmenu").onchange = function() {
alert(this.value)
return false
};

但是我该如何编写它，以便单击美国选项(第二个选项)会触发美国功能，而不是仅仅发出警报？

Answer 1

您无法处理option上的onclick，您需要处理select-> onchange。基本的 Id 调用功能