Come posso associare jquery select2 a nuovi selettivi aggiunti?

Question

Ho un web razor-mvc e un paio di selezioni su un modulo. Mi legano questo seleziona con il select2 plugin jQuery come questo:

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

E la mia forma è una forma ajax (ajax da JavaScript, non per Ajax.BeginForm). Il fatto è che quando invio il modulo, aggiungo un altro modulo con i valori inviati del primo modulo, ma i selettori su quel nuovo modulo non applicheranno il plugin select2. So che questo è normale perché il nuovo elemento e dovrebbe essere associato a .on() o .live() ma non so come farlo.

Potete aiutarmi?

Answer 1

State facendo chiamata AJAX in modo da assicurarsi che si ri-init di selezione su qualsiasi altra seleziona si desidera in completo per tutti i nuovi contenitori di selezionare nella pagina ..

così la vostra chiamata AJAX sarà simile

$.ajax({ 
    url: '.../', 
    data..., 
    type..., 
    success: function(data) 
    { 
     $('#newFormAddedID select').select2(); 
    } 

dovrebbe fare il trucco .. si può anche farlo in completa:. funzione (... se il modulo viene aggiunto a prescindere che scendessimo la chiamata AJAX è successo o meno

Answer 2

uso ajaxcomplete

$(document).ajaxComplete(function(){ 
    $(".select2").select2(); 
});