jQuery的数据实时搜索无法正常工作，通过jQuery的

填充时，选择框，我试图让data-live-search选项时，选择框是通过JQUERY填充我的代码如下jQuery的数据实时搜索无法正常工作，通过jQuery的

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

现在，这个代码是工作正常，但当我添加class="selectpicker"选择框消失。有人可以帮助我如何实现这一目标。

这里是包括这些脚本

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

来源

2017-08-04 Mohsin

你可以使用这样

$('select').selectpicker();

我的HTML代码0

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

后append方法。

来源

2017-08-04 10:45:47

现在我已经尝试过这种权利，但是这给了我错误的，说创建控制台：500遗漏的类型错误：$（...）selectpicker不在HTMLHeadingElement功能。（创建：500）在HTMLHeadingElement.dispatch（app.js：29）在HTMLHeadingElement.g.handle（app.js：29） – Mohsin

告诉我你的HTML代码 –

添加 –

jQuery的数据实时搜索无法正常工作，通过jQuery的

回答

相关问题