下拉列表在使用选择器时显示两个下拉列表

Question

我正在使用 selectpicker，下拉菜单显示两次，如图所示

当我删除选择器时 class 它显示正常的下拉列表

<div class="row">
    <div class="col-sm-12">
        <div class="card-box">
            <h4 class="m-t-0 header-title"><b>Select app</b></h4>
            <div class="row">
                <div class="col-md-4">
                    <div class="p-20">
                        <select class="selectpicker" data-style="btn-white">
                            <option>abc</option>
                            <option>xyz</option>
                            <option>123</option>
                        </select> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

$('.selectpicker').selectpicker();
    $(":file").filestyle({input: false});
});

Answer 1

确保 "bootstrap-select.css" 已正确加载。

它有 .bootstrap-select > select 样式应用于将隐藏普通下拉列表的样式元素。

检查select，看看上面的样式应用在那里？我已经使用了上面的代码并且在加载 "bootstrap-select.css" 时它工作正常。

Answer 2

在我的例子中，我在条件下错误地加载了 CSS 文件，只是将 CSS 文件移出条件并使其成为全局文件。

所以，是的，请检查 bootstrap-select CSS 是否正在加载。

下拉列表在使用选择器时显示两个下拉列表

dropdown list show two dropdown list when using selectpicker

double

jquery

jquery-selectors

bootstrap-select