javascript - 选择下拉列表时触发的 JQuery 事件——但值未更改

Question

我有一个下拉菜单，我想将一个 JQuery 事件连接到该菜单，如果有人单击它，然后选择已选择的相同选项，则会触发该菜单。

我已经使用“更改”事件运行了所有内容，但在某些情况下，用户单击下拉列表并重新选择相同选项是有效的。如果发生这种情况，我需要触发我的事件处理程序。

我该怎么做？

Answer 1

试试下面的方法，

使用.click

$(function () {
    var cc = 0;
    $('select').click(function () {        
        cc++;
        if (cc == 2) {
            $(this).change();
            cc = 0;
        }         
    }).change (function () {
        $('#result').append('Changed triggered ');
        cc = -1;
    });     
});

演示: http://jsfiddle.net/skram/NAHXP/2/

或者使用.focus 和.blur

$(function () {
    var ddVal = '';
    $('select').focus(function () {
        ddVal = $(this).val();
    }).blur(function () {
        if (ddVal == $(this).val()) {
            $(this).change();
        }
    }).change (function () {
        $('#result').append('Changed triggered ');
    });       
});

演示: http://jsfiddle.net/skram/NAHXP/