即使选择没有改变，也会触发 change() 事件[重复]

Question

我想覆盖 HTML select 元素的一般行为，即使选择的选项没有更改，它也会触发更改事件。

$('select').change(function() {
  alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

我怎样才能做到这一点？

Answer 1

你可以这样尝试：-

HTML：

<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select> 

JS：

$("select").mouseup(function() {
    var flag = $(this).data("flag");
        var cur_val = $(this).val();
    if(flag) {
        alert(cur_val);
    }
    $(this).data("flag", !flag);
});

这里正在工作jsfiddle。

试一试，应该可以的。