如何在Bootstrap Mutiselect中的onChange之前获取值？

Question

我在这个

调用的onChange函数之后得到了值

 $('.type_id').multiselect({
        buttonWidth: '100%',

        onChange: function(option, checked, select) {
            var opselected = $(option).val();
            alert(opselected);
        }
    });

我想在来自数据库的onChange之前选择值。我在更新表单上使用multiselect。我有一个取消按钮。如果在onChange之后单击“取消”按钮，则所选值将恢复为旧值。

Answer 1

更改事件触发后无法获取该值，因为onChange事件不可取消，例如使用e.preventDefault（）。

但您可以捕获mouseenter上的值并将其存储在数据元素中：

$('.type_id').on('mouseenter', function() {
    $(this).data('value', $(this).val());
});

然后：

$('.type_id').multiselect({
    buttonWidth: '100%',
    onChange: function(option, checked, select) {
        var opselected = $(this).data('value');
        alert(opselected);
    }
});