如何将我的 select2 附加到 div 框？答案

【问题标题】：How can I append my select2 to a div box?如何将我的 select2 附加到 div 框？
【发布时间】：2017-01-24 16:18:55
【问题描述】：

我想将我的 select2 附加到一个 div box。但后来它不再工作了。

这里是小提琴：https://jsfiddle.net/r7cop362/165/

<select class="select2" >
    <option selected="selected">Kerry</option>
    <option selected="selected">Cork</option>
</select>
<div id="box"></div>


$('.select2').select2();
$(document).ready(function () {
  $("#box").append("<select class='select2'><option selected='selected'>Cat</option><option selected='selected'>Dog</option></select>");
});

【问题讨论】：

标签： jquery css append select2

【解决方案1】：

在追加之后再次调用select2()：

$(document).ready(function () {
  $("#box").append("<select class='select2' ><option   selected='selected'>Cat</option><option selected='selected'>Dog</option> </select>");
  $('.select2').select2();
});

UPDATED FIDDLE

【讨论】：

【解决方案2】：

添加 select 标签后初始化 select2 插件。

$(document).ready(function () {
  $("#box").append("<select class='select2' ><option   selected='selected'>Cat</option><option selected='selected'>Dog</option> </select>");
  $('.select2').select2();
});

【讨论】：

【解决方案3】：

$("#box").append($('.select2'));

或

$('.select2').appendTo("#box");

【讨论】：