jquery - 组合框更改事件恢复到更改之前的值

Question

这个问题已经有答案了:

jQuery how to undo a select change (7 个回答)

已关闭 10 年前。

我需要检测组合框的选定值，如果选择了某个值，则会生成一个确认对话框。如果确认为假，我需要恢复到更改发生之前的值。我正在尝试使用一个隐藏字段来保存更改之前的值。这不起作用...

更新:当我添加警报以查看该值是否确实在隐藏字段中设置时，一切正常。如果我删除警报，则更改永远不会发生。某种时间问题？我用延迟替换了警报，但它没有解决任何问题。有什么想法吗？

jQuery('#cboCityID1').focus(function() {
    if(jQuery('#cboCityID1').val() != '') {
        jQuery('#hiddencity1').val(jQuery('#cboCityID1').val()); 
    }
});

jQuery('#cboCityID1').change(function() {

    alert("as debug 1: " + jQuery('#hiddencity1').val());

    if(jQuery('#cboCityID1').val() == '') {
        var r = confirm("Are you sure");
        if(!r) {
            jQuery('#cboCityID1').val(jQuery('#hiddencity1').val()); 
        }
    }
});

Answer 1

不需要隐藏输入!

A similar question建议使用 $.data 像这样:

$('select').change(function() {
    var selected = $(this).val();

    if (selected == 'bar') {
        if (!confirm('Are you sure?')) {
            $(this).val($.data(this, 'current')); 
            return false;
        }     
    }

    $.data(this, 'current', $(this).val());
});

我创建了一个 JSFiddle使用建议的方法(无隐藏输入)