使用Bootstrap Select禁用dropup功能

Question

我正在使用Bootstrap Select为手风琴中的某些选择字段设置样式。 Bootstrap select具有一个功能，如果它靠近屏幕底部，它将使你的下拉式下拉。

在这种情况下，我不希望它放弃，但我找不到禁用它的位置。

Bootstrap select：https://developer.snapappointments.com/bootstrap-select/

Answer 1

可以通过JavaScript或数据属性传递选项：

$('.selectpicker').selectpicker({
    dropupAuto: false
});

或

<select class="selectpicker" data-dropup-auto="false">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

您也可以全局设置：

$.fn.selectpicker.Constructor.DEFAULTS.dropupAuto = false;

Answer 2

通过将dropupAuto选项编辑为：

，可以在bootstrap-select.js文件中更改此设置。

dropupAuto：false，

Answer 3

您可以使用它来禁用选择器。 $（'。selectpicker'）。prop（'disabled'，true）;