Question

我在通过JQUERY填充选择框时尝试获取data-live-search选项我的代码如下

<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"时，选择框就会消失。有人可以帮助我如何实现这一目标。

这是我的包含这些脚本的HTML代码

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

Answer 1

你可以像这样使用

$('select').selectpicker();

或

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

或

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

追加方法后。

通过jquery填充选择框时，Jquery数据实时搜索不起作用

1 个答案: