使用 Bootstrap Select 禁用下拉功能答案

【问题标题】：Disable dropup feature using Bootstrap Select使用 Bootstrap Select 禁用下拉功能
【发布时间】：2013-11-24 22:00:50
【问题描述】：

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

在这种情况下，我不希望它退出，但我找不到在哪里禁用它。

引导选择：https://developer.snapappointments.com/bootstrap-select/

【问题讨论】：

标签： twitter-bootstrap select bootstrap-select

【解决方案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;

【讨论】：

除非你不想在'false'周围加上引号。它需要是布尔值。 :)
我尝试了所有这些，但仍然无法阻止它下降，当它下降时它隐藏在导航栏后面。
@GrahamHesketh 你用的是什么版本？
v1.13.0 我需要它与 bootstrap 4 兼容
JS中camelCase在哪里，data-属性中有破折号和小写。所以dropupAuto 变成了data-dropup-auto，selectedTextFormat 是data-selected-text-format...等等很高兴知道:) 请参阅文档中的all options。

【解决方案2】：

可以在 bootstrap-select.js 文件中通过编辑 dropupAuto 选项来更改此设置：

dropupAuto: 假，

【讨论】：

【解决方案3】：

您可以使用它来禁用选择器。 $('.selectpicker').prop('disabled', true);

【讨论】：

我认为您误解了这个问题。 OP 希望阻止 Bootstrap Select 控件向上而不是向下下降，以便它始终下降，而永远不会上升。