如何打开引导选择菜单

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') 仅显示选择项，而不显示下拉内容。

谢谢。

Answer 1

我假设您正在谈论这个Bootstrap 插件。

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

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