如何让select.js使用javascript生成的克隆内容？

我使用的是selected.js版本1.8.7 我可以使用clone（true）将一个div的内容克隆到另一个div，其中包含所有数据和事件。我已更改了所有ID，以便在克隆的项目上有一个新ID。 问题是，当我选择javascript生成的选择列表时，它会激活原始的选择列表，而不是它本身

我尝试使用clone（）在没有所有数据和事件的情况下进行克隆。它进行克隆，但不允许新生成的

下拉列表。 我已经删除了select.js，克隆（true）复制了所有内容，每个

列表单独工作，但没有过滤功能

<form method="post" name="add_items">

<div class="clone-test" id="cloned">
<select id="items1" name="contract_item[]" class="form-control chosen-select" data-placeholder="Choose a item...">
<option value="0">Select a Item</option>
<option value="1">Car 1</option>
<option value="2">Car 2</option>
<option value="3">Car 3</option>
</select>
</div>

<div class="col-md-6" id="new_items"></div>


</form>

<input type="button" onclick="clone_div()" name="add" value="Add Another Item" class="btn btn-primary" id="add_select">


<script type="text/javascript">
var regex = /^(.+?)(\d+)$/i;
var cloneIndex = $("#cloned").length;

function clone_div(){
    $("#cloned").clone(true)
        .appendTo("#new_items")
        .attr("id", "cloned" +  cloneIndex)
        .find("*")
        .each(function() {
            var id = this.id || "";
            var match = id.match(regex) || [];
            if (match.length == 3) {
                this.id = match[1] + (cloneIndex);
            }
        })
cloneIndex++;

$("#new_items").html(html);
$(".chosen-select").chosen();
}

</script>

选择一个项目
汽车1
汽车2
汽车3
var regex=/^（+.+？）（\d+）$/i；
变异克隆指数=$（“#克隆”）。长度；
函数clone_div（）{
$（“#克隆”）.clone（真）
.appendTo（“#新项目”）
.attr（“id”、“克隆”+克隆索引）
.find（“*”）
.each（函数（{
var id=this.id | |“”；
var match=id.match（正则表达式）| |[]；
如果（match.length==3）{
this.id=匹配[1]+（克隆索引）；
}
})
克隆索引++；
$（“#新项目”）.html（html）；
$（“.choosed select”）.choosed（）；
}

---

我希望每个

列表都能独立工作，每个列表都使用selected.js具有过滤功能。无论我选择哪个javascript生成的列表，我都会激活原始的选择列表。

我已经将代码添加到JSFIDLE中，供任何人查看。我已经将代码添加到JSFIDLE中，供任何人查看。