如何打开bootstrap-select菜单

Question

我在一个有很多条目的表单中使用bootstrap-select。现在，我想以一种更精确地引导用户通过缺少的字段的方式来验证表单。所以我使用：

$('html, body').animate 

滚动到缺少的字段/选择项目，然后：

field.focus();

将光标设置到输入字段中的步骤

现在，对于选择的项目，我想在这种情况下打开下拉列表。

有没有办法做到这一点？

多亏了麻瓜的提示，我尝试了以下几点：

function goToFormField(field){
    var offset=80;
    $('html, body').animate({
                scrollTop: field.parent().offset().top - offset
    }, 100,"easeInOutCirc",function(){
        if(field.is("input")){
            field.focus();
        }else if(field.is("select")){
            field.selectpicker('show')          
        }
    }
    );
}

但它并没有起作用。编辑:前面提到的函数selectpicker('show')只显示了select-item，而不是下拉内容。

谢谢。

Answer 1

找到一个简单的解决方案here

$('.selectpicker').selectpicker('toggle')

基本上，它切换open/close状态。因此，不需要refresh。

Answer 2

bootstrap-select只需要在与select元素相同的类中添加一个开放类，例如：

// To Open
$('.selectpicker').addClass('open');

// To Close
$('.selectpicker').removeClass('open');

Answer 3

我假设你说的是Bootstrap的this插件。

如果是这样的话，根据documentation，插件有一个.show()方法，它以编程方式显示引导选择菜单。

$('.selectpicker').selectpicker('show');