Select2 Choice Box не работает при динамической загрузке

Question

В настоящее время я использую тему Bootstrap Metronic, и в этом я использую Select2 Choice. Это работает, когда текст типа ввода используется как «hidded». Синтаксис для этого является

<input type="hidden" name="checks" class="input_tag form-control select2" value="" > 

$(".input_tag").select2({ 
    tags: [] 
}); 

Но когда мой типа ввода текст приходит динамически JQuery, как и добавить новые функциональные строки, то я не в состоянии преобразовать текстовые поля скрытого типа в ВЫБ.2 выбора.

Answer 1

Вы должны вызвать функцию $(".input_tag").select2() для этого ввода после создания динамического содержимого. JQuery не обнаруживает вновь созданный контент для добавления плагинов к нему по умолчанию, вам нужно сделать это вручную.

Вот пример:

HTML

<div id="test"></div> 

JS

var myHTML = '<input type="hidden" name="checks" class="input_tag form-control select2" value="" >'; 

//I add the input dynamically 
$("#test").html(myHTML).promise().done(
    function(){ 
    //I assign the select2 plugin AFTER dynamic content is added 
    $(".input_tag").select2({ 
     tags: [] 
    }); 
    } 
); 

https://jsfiddle.net/p8zkhwmp/1/