Динамическое событие выбора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 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, тогда события будут полностью запущены.

Что я делаю неправильно?

Ответы

Ответ 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