Javascript 通过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>

您可以这样使用

$('select').selectpicker();

或

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

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

或

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

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

追加方法之后。

您可以这样使用

$('select').selectpicker();

或

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

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

或

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

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

---

append方法之后。

我现在已经尝试过了，但是控制台中出现了错误，显示create:500 Uncaught TypeError:$（…）。selectpicker不是HTMLHeadingElement的函数。（create:500）在HTMLHeadingElement.dispatch（app.js:29）在HTMLHeadingElement.g.handle（app.js:29）添加引导选择脚本引用页面末尾也添加了下面的脚本引用，但仍然是相同的问题我现在已经尝试过了，但控制台中显示create:500未捕获类型错误：$（…）.selectpicker不是HTMLHeadingElement的函数。（create:500）在HTMLHeadingElement.dispatch（app.js:29）在HTMLHeadingElement.g.handle（app.js:29）在页面末尾添加引导选择脚本引用也添加了以下内容，但问题仍然相同