Dynamic select2 не запускает событие изменения
у меня есть форма с несколькими вариантами внутри. Я применяю плагин 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 = "";
});
}
});
здесь Скрипка