问题标签 [bootstrap-selectpicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
409 浏览

twitter-bootstrap - Bootstrap Selectpicker 在中心出现错误

我遇到了Bootstrap Selectpicker的错误(?) 。

在 Chrome 上(目前仅在 Chrome 上发生)选择中间时,您不选择 selectpicker 下拉菜单,而是选择实际的原始选择,如下所示:

在此处输入图像描述

从图中可以看出,原来的 select 下拉菜单被拾取并显示:

在此处输入图像描述

有其他人遇到过这种情况并知道如何解决吗?

它只能在中间选择,宽度约为 10-20 像素:/

0 投票
2 回答
831 浏览

ruby-on-rails - 使用向下箭头手动移动时,Bootstrap-Select 下拉菜单会跳过 1

实时搜索按预期工作,但是当我按向下箭头键手动向下移动结果时,每次击键都会跳过 1。转到 1,3,5,7 等。跳过 2,4,6 等。

这是一个rails应用程序,我在gemfile中设置了bootstrap-select-rails,如果我的布局,我会在头部加载:

在我的布局底部:

我该如何解决这个问题?谢谢!

图像1

0 投票
1 回答
1490 浏览

angularjs - 带有angularjs ng-repeat的引导选择选择器不起作用

我的表单需要多选,我正在使用引导选择选择器,但我的选择选项数据是从 API 动态加载的,我使用 ng-repeat 在选择标签中显示选项。但我的选择没有显示任何选项。我可以知道我的代码有什么问题吗?

如果我使用默认的 html5 多选,它可以显示所有数据行。

使用引导选择选择器不起作用。

0 投票
2 回答
3187 浏览

javascript - Bootstrap 选择器问题

我试图让我的 Multi-Select 看起来像我在这里找到的示例之一:https ://silviomoreto.github.io/bootstrap-select/examples/ 。我已经从这里下载了 SelectPicker.js:http: //silviomoreto.github.io/bootstrap-select/。它并排显示 2 个盒子,我无法让看起来通用的盒子消失。

选择选取器 HTML 示例 选择选取器 HTML 示例 2

0 投票
2 回答
1226 浏览

javascript - 在选择任何其他选项引导程序时取消选择默认选择

我正在为我的下拉多选框使用 Bootstrap-select 插件( https://silviomoreto.github.io/bootstrap-select/ )。

我启用了一个默认选项,该选项在页面加载时被勾选。下图

在此处输入图像描述

在上面的代码中,默认选择“ALL”。

我正在寻找一种行为,当用户选择“ALL”以外的任何选项时,“ALL”会自动被取消选择。

请帮忙 。

0 投票
1 回答
1771 浏览

angular - 在angular2中加载引导选择器

我正在尝试在我的 angular2 应用程序中使用 bootstrap selectpicker。我已经在 angular-cli.json 中加载了 jquery 和 bootstrap-select 脚本。

这是我的 app-component.ts

但是,我收到了这个错误。

__WEBPACK_IMPORTED_MODULE_2_jquery___default(...)(...).selectpicker 不是函数。

我是 angular2 的新手。请帮忙!

0 投票
1 回答
320 浏览

css - Bootstrap Select 下拉菜单未垂直列出

我尝试使用 bootstrap-select 来实现一个下拉框,但选项没有垂直列出。以前有人遇到过同样的问题吗?

未垂直列出

0 投票
0 回答
940 浏览

angular - 以编程方式使用 Angular 4 在引导程序选择选择器中选择默认值

我在我的 Angular 4 应用程序中使用 bootstrap selectpicker,我必须从我的类型脚本代码中为其设置默认值。这些是本文档中给出的 jquery 方法https://silviomoreto.github.io/bootstrap-select/methods/

我想只使用角度来调用方法。我试过使用 ElementRef,这是我的代码,

它给了我错误“selectpicker 不是函数”。但是记录 this.elementref.nativeElement 会打印“select”元素,如下所示。

0 投票
2 回答
1400 浏览

c# - Mvc Dropdownlist 选择器未显示

我很确定这可能是我需要的一些脚本参考,但这是我到目前为止所拥有的。

我的脚本:

在此之后使用 Knockout 加载对象。

我的CSS:

和正常的引导程序。

这是我的下拉列表:

如果我检查页面,我可以找到带有正确选项的选择,但除非我删除“Selectpicker”类,否则我不会在页面上显示任何建议如何解决这个问题?

谢谢。

0 投票
3 回答
721 浏览

jquery - Bootstrap col-md-12,col-sm-12 不适用于 bootstrap selectpicker

我需要使用 bootstrap selectpicker,如果我有大屏幕,它看起来不错,但如果我减小屏幕尺寸,我的选择分层,但我想单独显示它们。

JSFiddle:https ://jsfiddle.net/nastya2410/4o2umka6/5/

为了展示select我使用:

我该如何解决我的问题?谢谢!