Select2不适用于动态添加的字段

Question

您好我正在尝试动态地向我的表单添加下拉字段并应用它select2下拉插件。我的代码如下：

TDList.eq(1).html("<input type='text' class='InsideTDSelect'></input>");

这将在表td中添加文本字段。我已经像这样定义了json数组

var sampleArray = [{id:0,text:'enhancement'}, {id:1,text:'bug'}
                   ,{id:2,text:'duplicate'},{id:3,text:'invalid'}
                   ,{id:4,text:'wontfix'}];

并将其绑定到新创建的字段，如下所示

$(".InsideTDSelect").select2({ data: sampleArray });

但它没有用。为什么它不起作用

...谢谢

Answer 1

你必须在放入dom之后对其进行初始化，我的意思是说你应该放入.html()的回调函数：

TDList.eq(1).html("<input type='text' class='InsideTDSelect' />", function(){
    $(".InsideTDSelect").select2({ data: sampleArray });
});