Question

我有一个按钮，如果按下按钮，打开的Bootstrap-Select列表将显示除了2个按钮，一个用于保存更改，另一个用于取消修改。按下任何一个按钮将使Bootstrap-Select隐藏，因此我不再需要Bootstrap-Select下拉按钮。

在网站上我有几个Bootstrap-Select列表，所以我必须只隐藏一个列表的下拉按钮，我想我必须添加一个类，如何添加类（或删除）下拉列表按钮只有一个Bootstrap-Select列表（只有按钮，而不是整个列表）？

http://silviomoreto.github.io/bootstrap-select/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>

<select class="selectpicker bootstrap-select-with-dropdown-button">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

<select class="selectpicker bootstrap-select-without-dropdown-button">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

Answer 1

您可以通过将类添加到selectpicker元素来执行此操作：

$('.your-selectpicker-nobutton').selectpicker('setStyle', 'remove-button-class', 'add');

然后，在你的CSS上，隐藏下拉插入符号：

.remove-button-class .caret {
    display: none;
}

在此处检查样式方法：http://www.dwuser.com/education/content/quick-guide-adding-smooth-scrolling-to-your-webpages/

从Bootstrap-Select中删除打开/关闭按钮

1 个答案: