Javascript 在同一页面中选择克隆引导

我试图克隆引导选择字段，但克隆后，克隆的选择不选择任何内容

这是我的标记：

     <div class="form-group car-list">
         <label class="col-md-3 control-label">Select car #1</label>
         <div class="col-md-9">
            <div class="input-group">
               <select  class="select-car" data-live-search="true">
                  <option></option>
                  <option value="1">option 1</option>
                  <option value="2">option 2</option>
               </select>
            </div>
        </div>
    </div>

我尝试使用selectpicker刷新命令：结果是第二个selectpicker位于克隆的div中。

您可以在每个克隆中使用一个名为select的模型，然后在克隆之后初始化select，如下图所示：

$('#add').click(function() {
    var n = $('.car-list').length + 1;
    var temp = $('.form-group:last').clone(true).removeClass('select-car');
    $('.control-label:first', temp).html('Select car #' + n);
    $('.input-group', temp).html($('#select-model').html());
    $('.select-car', temp).selectpicker();

    $('.form-group:last').after(temp);
});

希望这有帮助

$（'#添加'）。单击（函数（）{
变量n=$（'.car list'）。长度+1；
var temp=$（'.form group:last'）.clone（true.removeClass（'select-car'）；
$（'.control label:first'，temp.html（'Select car#'+n）；
$（'.input group'，temp）.html（$（'#select model'）.html（））；
$（'.select car'，temp.selectpicker（）；
$（'.form group:last'）。在（temp）之后；
});
.category{
左边距：-12px；
字体大小：1.3em；
/*除了颜色，safari不会尊重其中许多/任何一种*/
/*字体：斜体*/
字体大小：粗体！重要；
颜色：#000000！重要；
/*纯黑色使它流行起来*/
/*背景：#000*/
}

选择汽车#1
选择1
选择2
选择1
选择2
Add
我在这里尝试了您的代码：它工作得很好，但我想selectpicker已经出现了错误，因为如果您选择第二个下拉菜单选项，它会选择第一个下拉菜单element@C.Fasolin有什么想法吗，也许你可以建议一个替代方案？
$('#add').click(function() {
    var n = $('.car-list').length + 1;
    var temp = $('.form-group:last').clone(true).removeClass('select-car');
    $('.control-label:first', temp).html('Select car #' + n);
    $('.input-group', temp).html($('#select-model').html());
    $('.select-car', temp).selectpicker();

    $('.form-group:last').after(temp);
});