上一篇: JQuery动画下一篇:jquery-mobile – JQuery Mobile...

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

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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 = "";
        });
    }
});