25

我有一个表格,里面有几个选择。我在这些选择上应用了 select2 jquery 插件,如下所示:

$("select.company_select, select.positions_select").select2();

选择工作正常,但我有这个代码来自动提交我的表单(我在表单标签上有自动提交类)。

var currentData;
    $('.autosubmit input, .autosubmit select, .autosubmit textarea').live('focus', function () {
        currentData = $(this).val();
    });

    $('.autosubmit input, .autosubmit select, .autosubmit textarea').live('change', function () {
        console.log('autosubmiting...');
        var $this = $(this);
        if (!currentData || currentData != $this.val()) {
            $($this.get(0).form).ajaxSubmit(function (response, status, xhr, $form) {
                currentData = "";
            });
        }
    });

问题是,使用 select2,更改或焦点事件根本不会触发。如果我删除 select2,则事件会完美触发。

我究竟做错了什么?

4

1 回答 1

33

Select2 只有 2 个事件,open并且change( http://select2.github.io/select2/#events ),您只能向它们添加侦听器。您可以使用openevent 而不是focusfor<select>元素。请不要使用live()方法,因为它已被弃用。改为使用on()

var currentData;
$(".autosubmit select").on("open", function() {
    currentData = $(this).val();
});
$(".autosubmit input").on("focus", function() {
    currentData = $(this).val();
});
$(".autosubmit input, .autosubmit select").on("change", function() {
    var $this = $(this);
    console.log('autosubmitting');
    if (!currentData || currentData != $this.val()) {
        $($this.get(0).form).ajaxSubmit(function (response, status, xhr, $form) {
            currentData = "";
        });
    }
});

这是小提琴

于 2013-04-17T14:14:23.270 回答