我有一个表格与几个选择里面。
我正在将select2 jquery插件应用于这些选项：
我正在将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()代替。
您可以使用打开的事件而不是焦点来选择< 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
