bootstrap-select - 引导选择器和克隆

Question

我一直在使用bootstrap selectpicker，在其中添加了“添加按钮”，以便用户尽可能多地复制按钮。问题是，selectpicker在第二个/克隆的元素上不起作用，下拉列表的值仅显示出来，单击时没有变化。

主要选择:

<div id="main_product">
  <select name="product[]" class="selectpicker" >
   <option value="Tube Lights" >Tube Lights</option>
   <option value="Downlights" >Downlights</option>
  </select>
</div>

克隆功能:

function clone()
{
    var $orginal = $('#main_product');
    var $cloned = $orginal.clone();

    $cloned.appendTo('#new_products');
    // $cloned.find('.bootstrap-select').remove();
    // $cloned.find('select').selectpicker();
}

请注意，我试图将selectpicker重新分配给注释atm中的克隆对象，因为它也可以工作。

任何帮助将非常感激。

Answer 1

我遇到了这个问题，但是如果现在使用最新版本，则将select放在.bootstrap-select元素内，以进行html5错误处理。 remove()也会删除选择项，一种解决方法是:

代替:

$cloned.find('.bootstrap-select').remove();

用:

$cloned.find('.bootstrap-select').replaceWith(function() { return $('select', this); });

这会将.bootstrap-select元素替换为其中包含的select元素。