Jquery données en direct la recherche ne fonctionne pas lors du remplissage de la boîte de sélection par jquery

Question

Je suis en train d'obtenir data-live-search option lorsque la boîte de sélection est renseignée par JQUERY mon code est le suivant

<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> 

Maintenant, ce code est fonctionne bien mais quand j'ajoute class="selectpicker" la boîte de sélection disparaît. Quelqu'un peut-il m'aider s'il vous plaît comment y parvenir.

Et voici mon code html d'inclure ces scripts

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

Answer 1

vous pouvez utiliser comme cette

$('select').selectpicker(); 

OU

$('#selectID').selectpicker(); 

OU

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

après la méthode d'ajout.