单击选择元素不能正常工作

Question

我有以下奇怪的行为：

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

第一次点击时（打开时）不会触发。当我第二次单击并且select元素关闭时，它会触发。为什么呢？

编辑：添加了要选择的示例选项。

此处：http://jsfiddle.net/e5x63，我在三种不同的浏览器（Chrome，Safari和Firefox）上有三种不同的行为，并且在不同的操作系统上也是如此！

Answer 1

如果要在下拉列表中更改任何值时绑定事件。

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