jquery - 如何将 select2 append 到 div 框？

Question

我想将我的 select2 append 到 div box。但随后它就不再起作用了。

这里是 fiddle :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>");
});

Answer 1

在append之后再次调用select2():

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

UPDATED FIDDLE