javascript - Onclick 选择元素无法正常工作

Question

我有以下奇怪的行为:

<select name="blah" id="blah" size="1" onclick="console.log('clicked');">
    <option>test</option>
    <option>test</option>
</select>

第一次点击(打开时)时不会触发。当我第二次单击并且选择元素关闭时它会触发。为什么？

编辑:添加了可供选择的示例选项。

这里:http://jsfiddle.net/e5x63 ，我在三种不同的浏览器(Chrome、Safari 和 Firefox)上以及不同的操作系统上有三种不同的行为!

Answer 1

如果您想在更改下拉列表中的任何值时绑定(bind)事件。

<select name="bla" id="blubb" size="1" onclick="console.log('test')" onchange="console.log('value Changed')">
     <option>1</option>
     <option>2</option>
</select>