javascript - 如何在选项标签中触发事件？

Question

我为此寻找解决方案，但找不到。

我有一个像这样的简单选择:

<select id="sltFiltroPedidos">
  <option value="todos">Todos</option>
  <option value="hoje">de hoje</option>
  <option value="semana">da semana</option>
  <option value="periodo">Período</option>
  <option value="pedido">Número do pedido</option>
</select>

用户总是点击一个选项，必须触发一个 javascript 事件。选择中的 onChange 事件对我不起作用，因为用户可以选择相同的选项，并且也必须触发该事件。

我尝试了选项上的 onClick 事件。它适用于 IE 和 FF，但不适用于 Chrome。我该怎么做？有什么想法吗？

Answer 1

我写了一个代码，但它不能在 IE 上运行，试一试:http://jsfiddle.net/shahe_masoyan/scuhb/1/

<select id="sltFiltroPedidos">
  <option value="todos">Todos</option>
  <option value="hoje">de hoje</option>
  <option value="semana">da semana</option>
  <option value="periodo">Período</option>
  <option value="pedido">Número do pedido</option>
</select>


var isOpen = false;
$('#sltFiltroPedidos').on('mouseup', function () {
    if (isOpen){
        alert(this.value);
    }
    isOpen = !isOpen;
});