twitter-bootstrap - hacer - menu desplegable con submenus bootstrap

Deshabilitar la función de menú desplegable usando Bootstrap Select

Question

Estoy usando Bootstrap Select para estilizar algunos campos de selección dentro de un acordeón. Bootstrap select tiene una característica en la que hará su menú desplegable si está cerca de la parte inferior de la pantalla.

En este caso, no quiero que se caiga, pero no puedo encontrar dónde deshabilitar esto.

Selección de inicio: https://developer.snapappointments.com/bootstrap-select/

Answer 1

Esta configuración se puede cambiar en el archivo bootstrap-select.js editando la opción dropupAuto para:

dropupAuto: falso,

Answer 2

Las opciones se pueden pasar a través de JavaScript o atributos de datos:

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

o

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

También puede configurar esto globalmente:

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

Answer 3

Puedes usar esto para deshabilitar el selector. $ (''. selectpicker''). prop (''disabled'', true);