Javascript 如何克隆加载了Django和Python的Select2控件？_Javascript_Django_Jquery Select2

Javascript 如何克隆加载了Django和Python的Select2控件？

javascript django

Javascript 如何克隆加载了Django和Python的Select2控件？,javascript,django,jquery-select2,Javascript,Django,Jquery Select2,我试图在div中克隆select。但是当我克隆元素时，Select2元素没有Django代码加载的值。如何使用所有Select2元素值克隆我的div？当我克隆时，它会进行克隆，但选择不会显示值。非常感谢你 <script> counter = 0 function addTopic(){ $( "#select" ).clone().appendTo( "#trying" ); } </script> </head> <body> <bu

我试图在div中克隆select。但是当我克隆元素时，Select2元素没有Django代码加载的值。如何使用所有Select2元素值克隆我的div？当我克隆时，它会进行克隆，但选择不会显示值。非常感谢你

<script>
counter = 0
function addTopic(){
  $( "#select" ).clone().appendTo( "#trying" );
}
</script>
</head>
<body>
<button onclick="addTopic()">Add Topic</button>

<form action="{% url 'testing_show' %}">
<div id="trying">
    <div id="select">
        <select class="js-example-basic-multiple" multiple="multiple">
        {% for taf_doc in taf_documents %}
            <option value="{{ taf_doc.id }}">{{ taf_doc.taf.nom }}</option>
        {% endfor %}

        </select>

        <select class="js-example-basic-multiple" multiple="multiple">
        {% for ue_doc in ue_documents %}
            <option value="{{ ue_doc.id }}">{{ ue_doc.ue.nom}}</option>
        {% endfor %}


计数器=0
函数addTopic（）{
$（“#选择”）.clone（）.appendTo（“#尝试”）；
}
添加主题
{taf_文档中taf_文档的百分比%}
{{taf_doc.taf.nom}}
{%endfor%}
{ue_文档%中的ue_文档为%0}
{{ue_doc.ue.nom}
{%endfor%}

这是标题：

<head>
<meta charset="UTF-8">
<title>Title</title>
<script 

src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script>
$(document).ready(function(){
  $(".js-example-basic-multiple").select2();
});//document ready
</script>


标题
$（文档）.ready（函数（）{
$（“.js示例基本倍数”）.select2（）；
});//文件准备就绪