Question

我有一个内部有几个选择的表单。我正在将select2 jquery插件应用于这样的选择：

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

select的工作正常，但我有这个代码自动提交我的表单（我在表单标签上有自动提交类）。

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，那么事件就会被完全解雇。

我做错了什么？

Answer 1

Select2只有2个事件，open和change（http://select2.github.io/select2/#events），您只能向其添加侦听器。对于open元素，您可以使用focus事件代替<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 = "";
        });
    }
});

以下是Fiddle

动态select2未触发更改事件

1 个答案: