Bootstrap-select 显示两个选择菜单

Posted 2023-03-05

【中文标题】Bootstrap-select 显示两个选择菜单

【英文标题】：Bootstrap-select displays two selects menus

【发布时间】：2016-02-06 23:48:01

【问题描述】：

目标

使用Bootstrap-select 库在选择标签上实现样式。

问题

我得到了两个选择，而不仅仅是一个下拉菜单。

问题

我需要在我的 javascript 或其他地方进行哪些更改才能使其正确显示

代码

CodePen上的演示

html

<select class="selectpicker">
    <option data-hidden="true">Choose one...</option>
    <option>BBQ Pork</option>
    <option>Bacon</option>
    <option>Sausage</option>
</select>

脚本库顺序

//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js

Javascript（我把它放在库后面的脚本标签中）

$(document).ready(function()
    $('.selectpicker').selectpicker(); 
);

【问题讨论】：

你还没有为Bootstrap-Select添加CSS文件

@vanburen 是的，我错过了。我很想删除这个问题，但因为它可能会在以后对某人有所帮助，所以我想保留它。如果您想将其添加为答案，我会接受。否则，我将用您提供的输入回答我自己的问题。谢谢。

谢谢，很高兴我能帮上忙。

【参考方案1】：

您只需要添加Bootstrap-select CSS 文件。