单击选项标签，不能在IE和Chrome上工作。

Question

单击选项标签，不能在IE和Chrome上工作。

我在用onclick事件中的选项标记select盒、箱（子）

<select>
    <option onclick="check()">one</option>
    <option onclick="check()">two</option>
    <option onclick="check()">three</option></select>`

onclick事件不在IE和Chrome上运行，但在Firefox中运行得很好，这里我不想使用onchange如果用户再次选择相同的选项，则不会触发事件。

例句：假设用户第一次选择“一”下拉列表，我将在处理一些东西之后打开一个弹出窗口，假设用户想要选择相同的“一”下拉列表，它不会触发任何事件。这可以通过选项标签上的onclick事件来解决，但是它不能在IE和Chrome上工作。

有这方面的工作吗？

Answer 1

我有另一个建议，不是100%，但几乎是：<select&nbsp;onchange="valueChanged(this.value);&nbsp;this.selectedindex&nbsp;=&nbsp;-1"> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;style="display:&nbsp;none"></option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="1">&nbsp;1&nbsp;</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="2">&nbsp;2&nbsp;</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="3">&nbsp;3&nbsp;</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="4">&nbsp;4&nbsp;</option></select>这样，即使用户两次选择相同的选项，事件也将被触发。问题是IE将显示空选项(它会忽略样式属性)，但是单击它不会触发事件，因为它总是从被选中开始，因此选择它不会触发事件的发生.

Answer 2

你只要将脚本放在选择的上方，为SELECT设置onClick和onblur，如代码所示并自定义检查函数。我对它进行了测试，它起了作用：)。<script> &nbsp;&nbsp;&nbsp;&nbsp;selectHandler&nbsp;=&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clickCount&nbsp;:&nbsp;0, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;action&nbsp;:&nbsp;function(select) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectHandler.clickCount++; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(selectHandler.clickCount%2&nbsp;==&nbsp;0) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectedValue&nbsp;=&nbsp;select.options[select.selectedIndex].value; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectHandler.check(selectedValue); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;blur&nbsp;:&nbsp;function()&nbsp;//&nbsp;needed&nbsp;for&nbsp;proper&nbsp;behaviour &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(selectHandler.clickCount%2&nbsp;!=&nbsp;0) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;selectHandler.clickCount--; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;check&nbsp;:&nbsp;function(value) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;you&nbsp;can&nbsp;customize&nbsp;this &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('Changed!&nbsp;->&nbsp;'&nbsp;+&nbsp;value); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}</script><select&nbsp;onclick="selectHandler.action(this)"&nbsp;onblur="selectHandler.blur()"> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="value-1">&nbsp;1&nbsp;</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="value-2">&nbsp;2&nbsp;</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="value-3">&nbsp;3&nbsp;</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="value-4">&nbsp;4&nbsp;</option></select>