javascript - 如何打开 Bootstrap 选择菜单

标签 javascript jquery twitter-bootstrap

我在一个有很多条目的表单中使用 bootstrap-select。 现在我想以一种更准确地 Bootstrap 用户通过缺失字段的方式验证表单。 所以我使用:

$('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') 只显示选择项,而不是下拉内容。

谢谢。

最佳答案

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

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

基本上它会切换打开/关闭 状态。因此不需要刷新

关于javascript - 如何打开 Bootstrap 选择菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30753857/

相关文章:

javascript - 如何使用 jQuery 从纯文本中提取 URL?

javascript - Twitter Bootstrap v3.0.0 不显示模态组件

javascript - 自动完成菜单上方的输入框 - Bootstrap 3

javascript - Gulp 获取目录的 ls

javascript - 在特定情况下不显示 jquery 工具提示

javascript - Angular 2、DataTables.net 和使用 DataTables.net-bs 的分页

javascript - 如何强制 jQuery 插件刷新它加载的数据?

css - 部署到 Heroku 后 Bootstrap 样式丢失

javascript - 图像加载事件未触发

javascript - 在 django 应用程序中打包 javascript 和 css 文件以供重用,通过 pip 安装?