Dinamik select2 tetiklenmiyor change olayı

Question

İçinde birkaç select'i olan bir form var. Böyle olanlar seçer üzerinde Select2 jquery eklentisi uyguluyorum:

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

en seçkin eser ince, ama benim formunu autosubmit için bu kodu var (ben form etiketi üzerinde autosubmit sınıf var).

Buradaki özellik şudur: select2 ile değişiklik veya odak olayı hiç bitmiyor. Select2'yi kaldırırsam, olaylar mükemmel bir şekilde ateşlenir.

Neyi yanlış yapıyorum?

Answer 1

Select2 yalnızca 2 olayı, open ve change (http://select2.github.io/select2/#events) var, yalnızca onları dinleyebilmek mümkün. <select> öğesi için focus yerine open olayını kullanabilirsiniz. Ve kullanımdan kaldırıldığı için lütfen live() yöntemini kullanmayın. Bunun yerine on() kullanın. İşte

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