Отключить функцию выпадающего списка с помощью Bootstrap Select

Я использую Bootstrap Select для стилизации некоторых полей выбора внутри аккордеона. В Bootstrap select есть функция, позволяющая сделать раскрывающийся список раскрывающимся, если он находится в нижней части экрана.

В этом случае я не хочу, чтобы он выпадал, но я не могу найти, где это отключить.

Выбор начальной загрузки: https://developer.snapappointments.com/bootstrap-select/


twitter-bootstrap select bootstrap-select
person Anthony_Z    schedule 12.11.2013    source источник

Ответы (3)


arrow_upward
48
arrow_downward

Параметры можно передавать через JavaScript или атрибуты данных:

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

or

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

Вы также можете установить это глобально:

$.fn.selectpicker.Constructor.DEFAULTS.dropupAuto = false;
person caseyjhol    schedule 10.12.2013
comment
За исключением того, что вам не нужны кавычки вокруг «false». Он должен быть логическим. :) - person Doug Wolfgram; 24.08.2014
comment
Я пробовал все это и до сих пор не могу остановить его падение, а когда оно падает, оно скрыто за панелью навигации. - person Graham Hesketh; 10.08.2018
comment
@GrahamHesketh Какую версию вы используете? - person caseyjhol; 10.08.2018
comment
v1.13.0 Мне нужно, чтобы он был совместим с bootstrap 4 - person Graham Hesketh; 11.08.2018
comment
Где camelCase в JS, там тире и строчные буквы в атрибуте data-. Итак, dropupAuto стало data-dropup-auto, selectedTextFormat стало data-selected-text-format... и т. д. Полезно знать :) См. все параметры в документации. - person Matěj Kříž; 25.10.2018
comment
Кажется, это не работает в v1.13.10, кто-нибудь знает, почему? - person Studocwho; 23.04.2019

arrow_upward
2
arrow_downward

Этот параметр можно изменить в файле bootstrap-select.js, изменив параметр dropupAuto на:

dropupAuto: ложь,

person Anthony_Z    schedule 12.11.2013

arrow_upward
-1
arrow_downward

Вы можете использовать это, чтобы отключить сборщик. $('.selectpicker').prop('отключено', правда);

person i k o n g    schedule 02.05.2017
comment
Я думаю, вы неправильно поняли вопрос. OP хочет, чтобы элемент управления Bootstrap Select не опускался вверх, а не вниз, чтобы он всегда опускался вниз и никогда не поднимался вверх. - person Pieter; 23.05.2017