即使选择了相同的选项，运行select的更改事件

Question

基本上，我有一个下拉菜单，如下所示：

<select>
  <option>0</option>
  <option selected="selected">1</option>
  <option>2</option>
  <option>3</option>
</select>

我试图编写一个即使您选择相同的选项也将被触发的函数，即即使打开下拉菜单并重新选择所选的选项，我也希望它执行该功能。

Answer 1

如果您要用鼠标选择，可以使用mouseup。但是，它也会在打开选择框时触发，因此您需要跟踪其被触发的次数（偶数：select正在打开，奇数：select正在关闭）：

$("select").mouseup(function() {
    var open = $(this).data("isopen");

    if(open) {
        alert(1);
    }

    $(this).data("isopen", !open);
});