jquery - Select2 选择框在动态加载时不起作用

Question

目前我使用的是 Bootstrap Metronic 主题，并且我正在使用 Select2 Choice。这在输入类型文本用作“隐藏”时有效。它的语法是

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

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

但是当我的输入类型文本由 jquery 动态输入时，添加新行功能时，我无法将隐藏类型文本框转换为 select2 选项。

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/