Javascript 克隆选择字段后无法更改选择

我有一个选择字段

<div class="col-xs-10 selectContainer" id="jc_leader_input_field" style="display: inline;">
    <select class="form-control selectpicker" style="margin:0px;padding:0px" value="" data-size="15">
        <option selected="selected" value="0">Option1</option>
        <option value="1">Option0</option>
    </select>
</div>

其中，组组长输入指表格。克隆和插入工作正常，但我无法更改“复制的选择”字段中的任何选项

我用小提琴来说明这个问题。。。在制作过程中，我注意到，没有引导选择，它实际上工作得很好

---

问题来自引导选择器。要使其正常工作，您可以：

从原始选择控件中卸下选择器 克隆原始元素并将其添加到DOM 重新激活两个选择控件的选择器选择器 代码如下：

$(document).ready(function () {
    $(".btn-add").click(function (evt) {
        var $originalDiv = $('#jc_leader_input_field');
        var $originalSelect = $originalDiv.find('.selectpicker');
        $originalSelect.selectpicker('destroy').addClass('tmpSelect');
        var div = document.createElement("div");
        div.className = 'col-xs-12';
        div.style = 'margin:0px;padding:0px';
        var selectfield = $originalDiv.clone();
        selectfield.attr('id', 'test');
        selectfield.appendTo(div);
        $('#group_leaders_inputs').append(div);
        $('.tmpSelect').selectpicker().removeClass('tmpSelect');
    });
});

---

我保存了你的小提琴的一个修改版本。

介意给我一个例子吗？更具体地说，是组领导输入元素。您提供的代码没有足够的信息作为功能示例。当您说我不能更改选项时，您的意思是不能在第二次选择中选择任何选项，还是不能修改显示的选项？请填写完整的代码。在哪里更改选择？如我所见，您正在克隆div。而不是selectyes。我无法更改selectfield中的选择。。。我会准备一把小提琴这里有一把小提琴。。。我注意到，当排除bootstrap select时，它工作得很好，我在实现它时遇到了一些麻烦，但是如果使用bootstrap select 1.11.2，这个解决方案工作得很好。。。当使用旧版本时，它不太起作用。。。

$(document).ready(function () {
    $(".btn-add").click(function (evt) {
        var $originalDiv = $('#jc_leader_input_field');
        var $originalSelect = $originalDiv.find('.selectpicker');
        $originalSelect.selectpicker('destroy').addClass('tmpSelect');
        var div = document.createElement("div");
        div.className = 'col-xs-12';
        div.style = 'margin:0px;padding:0px';
        var selectfield = $originalDiv.clone();
        selectfield.attr('id', 'test');
        selectfield.appendTo(div);
        $('#group_leaders_inputs').append(div);
        $('.tmpSelect').selectpicker().removeClass('tmpSelect');
    });
});