动态加载

Question

目前我使用的是Bootstrap Metronic主题，我正在使用Select2 Choice。当输入类型文本用作＆＃34; hidded＆＃34;时，这种方法有效。它的语法是

<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/