使用Bootstrap Select禁用下拉功能

问题描述 投票:23回答:3

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

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

Bootstrap选择:https://developer.snapappointments.com/bootstrap-select/

twitter-bootstrap select bootstrap-select
3个回答
38
投票

选项可以通过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;

2
投票

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

dropupAuto:false,


-1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.