jquery – 动态选择2不触发更改事件

我有一个表格与几个选择里面。
我正在将select2 jquery插件应用于这些选项：

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

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

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

    $('.autosubmit input,.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，那么这个事件就会被完全触发。

我究竟做错了什么？

解决方法

Select2只有2个事件，打开和更改( http://ivaynberg.github.io/select2/#events)，您只能添加监听器。
您可以使用打开的事件而不是焦点来选择< 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,$form) {
            currentData = "";
        });
    }
});

这是Fiddle

原文地址：https://www.jb51.cc/jquery/183283.html