動態select2沒有發射改變事件

Question

我有一個窗體內有幾個選擇。 我申請了選擇2 jQuery插件了這樣的選擇：

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

的選擇的做工精細，但我有這樣的代碼來自動提交自己的狀態（我對錶單標籤自動提交類）。

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），您只能向其中添加偵聽器。 對於<select>元素，您可以使用open事件而不是focus事件。 請不要使用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