ブートストラップの選択ピッカーとクローン

Question

私は彼が望むだけボタンを複製するための追加ボタンを追加したところで、ブートストラップのselectpickerを使用しています。問題は、selectpickerが2番目の/クローンされた要素で動作していないことと、ドロップダウンの値がちょうど表示されていてクリックで変化しないことです。

メインを選択：

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

クローン機能：それはまた仕事をDINTので、私は、気圧のコメントであるクローン化されたオブジェクトにselectpickerを再割り当てしようとした

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

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

注意。

本当にありがとうございます。

Answer 1

私はこの問題に遭遇しましたが、最新のバージョンを使用している場合、selectはhtml5エラー処理の目的で.bootstrap-select要素の中に置かれます。削除は、（）も選択除去し、回避策は次のとおりです。

の代わりに：

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

用途：これは、select要素で.bootstrap-select要素を置き換えます

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

内部に含まれていること。