jQueryのデータ・ライブ・サーチは、jqueryの

Question

て選択ボックスを移入する際の選択ボックスが今

<script> 
    window.onload = function() { 
     $('#add').on('click', function() { 

      var inp = $('#box'); 
      var i = $('input').length + 1; 
      $('<div id="box' + i + '" class="col-lg-12"><table class="table table-bordered table-responsive table-responsive">\n\ 
        <tbody>\n\ 
         <tr>\n\ 
          <td style="width: 39%;"><select id="item" class="form-control selectpicker" name="item[]" data-live-search="true">\n\ 
          </select></td>\n\ 
          <td><input type="text" id="qty" class="form-control" name="qty[]" placeholder="Quantity" required/></td>\n\ 
          <td><input type="text" id="amount" class="form-control" name="amount[]" placeholder="Amount" required/></td>\n\ 
         </tr>\n\ 
        </tbody>\n\ 
       </table></div>').appendTo(inp); 
      i++; 
     }); 
    } 
</script> 

に従うように私のコードは、このコードはjQueryの経由移入されたときに、私はdata-live-searchオプションを取得しようとしています動作しませんうまく動作しますが、class="selectpicker"を追加すると選択ボックスは消えます。 誰かがそれを達成する方法を手伝ってもらえますか？

そしてここでは、これらのスクリプト

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.js"></script> 

Answer 1

あなたはこの

$('select').selectpicker(); 

OR

のように使用することができるなど、私のhtmlコードでありますappendメソッドの後に0

OR

$('select').selectpicker('refresh'); 

。