Select2: Not working for dynamically inserted elements

[efusionsoft]

Is it possible to make this working for dynamically (using Jquery and not ajax ) elements?

Basically, using JQuery I would add a new row with a select element and want to bind that new element with the select2.

[efusionsoft]

It was not difficult to make it work:

/*Bind select to the newly created country selectbox*/
$("#country"+next).select2({
   placeholder: "Select a country",
   allowClear: true,
   data: data
}); 

[gruol]

setTimeout(function(){
$('.select2').select2();
}, 100);
use this when adding new row

[fyfster]

Check if when you copy the new country select element you keep the element id. If so you must delete the id