jquery - Jquery Undo - preventdefault

Question

我有一些文本框和一个下拉菜单。如果用户无权修改它们，我喜欢显示一条消息并撤消他们在下拉菜单中选择的内容或撤消他们键入的内容 - 在文本框的情况下。

我尝试了以下下拉菜单，但没有奏效：

    $('#ReasonDropDown').change(function () {

        if (permission == "False") {
            alert("You do not have permssion to make to modify this field.");
            event.preventDefault(); 
            return false;
        }
    });

它根本没有撤消我选择的内容。

Answer 1

您可以像下面这样尝试，它适用于任意数量的select元素。

$('select').attr('data-default', function() {
    return this.value;
}).change(function(e) {
    if (permission == 'False') {
        alert('You do not have permission to modify this field.');
        this.value = $(this).data('default');
    }
});

并且也可以为text字段做类似的事情。

演示