问题标签 [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 回答
3513 浏览

angularjs - Bootstrap Selectpicker 不适用于 angularjs

请在这里帮助我。我有个问题。我正在为选择框使用引导选择选择器。这是第一次完美选择。但问题是第二次选择。第二次选择下一个索引值。

例如:- 如果我第二次选择 C。它将选择 D

我正在使用以下版本的 bootstrap-select /1.10.0/js/bootstrap-select.min.js

请帮忙。

0 投票
1 回答
700 浏览

javascript - 将 tr 从现有表附加到其他表时,selectpicker 不起作用

我正在尝试通过将现有表的 tr 标记附加到新表来从现有表结构创建动态表。对于每个选择选择器都显示正确的选项,但是当我选择选项值时它不起作用(它没有选择任何值)。

下面的代码用于将现有表附加到新表:arrayFields-来自现有表的所有 tr 标签 ID。res_table_sorted- 新表。res_table - 现有表。

我尝试了许多 SO 的解决方案,但没有奏效。

0 投票
2 回答
637 浏览

jquery - 如何使用选择器和过滤输入文本

我实现了 selectpicker来样式选择,但我不知道如何像在select2中那样按类型文本添加过滤。有谁知道该怎么做?

0 投票
1 回答
687 浏览

angularjs - Angular Js Ng-Route 加载后运行脚本

我有一个关于 Angular JS Ng-Route 的问题。我可以路由,但是当模板来的时候。我应该运行一个脚本,但我不能这样做。

前任。我想添加 selectpicker(引导程序),我可以在其中搜索。但是当我路由该模板时,我可以获得选择器,但它不起作用,其中没有搜索栏。

应用程序.js

部分/test.html

0 投票
1 回答
1039 浏览

jquery - 如何在引导选择标签中获取价值

这是我的代码,但我无法获取在 selectpicker 引导程序中选择的值。知道怎么做吗?

0 投票
3 回答
4137 浏览

jquery - 在实时搜索事件中填充选择器

我正在使用从 rest API 填充的选择器(https://silviomoreto.github.io/bootstrap-select/examples/#live-search)。

在这一点上,我只有 30 个条目。但是,这个数字很快就会增长。我想从一个空的选择器开始,然后,当用户在实时搜索输入中写一些文本时,我只用相应的项目填充选择器。

例如,如果用户写“al”,那么我将使用包含“al”的条目填充我的选择器。不幸的是,此类不包含实时搜索事件。你能推荐其他课程吗?

任何输入都会有所帮助

问候

0 投票
1 回答
197 浏览

javascript - 渲染后显示选择器

我在一个表单中有几个 selectpicker 元素,它们大约需要 0.5 秒才能呈现。这对我来说很好,但是在它们被渲染之前,它们会弄乱我的 html 结构。所以我只想在它们被渲染后展示它们。我的方法如下。我将所有 selectpicker 元素设置为 display:none 并添加了以下 javascript 代码

这基本上做了我想要的。除了两个问题:

(1) 这是次优的,因为渲染命令会在页面加载后强制表单再次渲染。由于渲染大约需要 0.5 秒,因此并不理想。应该有更好的方法

(2) 渲染以某种方式弄乱了我的反馈验证复选框的位置。它现在在选择器中显示反馈,而不是在它的右侧。

理想的解决方案是仅在初始页面渲染后才显示选择器……知道如何做到这一点吗?

0 投票
1 回答
906 浏览

c# - Bootstrap Selectpicker多选在提交后不保留选择

我正在使用引导选择器作为多选下拉菜单来过滤 mvc5 Web 应用程序中的表项。到目前为止一切正常,但我在提交后无法保持选中的过滤器。所以我可以在控制器中读取选定的过滤器,但在那之后,只有第一个先前选择的过滤器在提交后仍然显示为选中状态。我希望所有选择的过滤器仍然被选中。我怎样才能做到这一点?

这是我的代码,ViewModel 包含:

控制器(职位):

和视图:

那么如何保持选中状态呢?

不幸的是,我的 js 知识很少,我假设我可以在 js 脚本中解决它。我希望这里有一些专家。谢谢!

0 投票
1 回答
988 浏览

php - 使用 jquery 和 Ajax 在 seletpiker 中动态设置值

我从数据库中获取城市列表,我想在编辑操作时显示选定的城市。

我正在使用 Ajax 从数据库中获取值。那是工作得很好。我从我的控制器获得响应数据。现在问题是我无法在 selectpiker 上设置值。我在 Ajax 响应中得到城市名称。

我尝试了一些示例,但没有奏效。

这是 Ajax 代码。

这些都不能正常工作。这是 Selectpiker 的 HTML 代码。

0 投票
1 回答
3552 浏览

css - 引导选择未显示

我正在尝试将 bootstrap-select 与我的 Angular 项目一起使用,但它根本没有出现。

使用 bower 安装 bootstrap-select 包后我的依赖项:

对于 js 文件:

这是唯一适用于 bootstrap-select css 样式表中的选择项的规则。

select.bs-select-hidden,select.selectpicker {显示:无!重要;}

其他一些包裹是否破坏了它?

谢谢

我的版本 angular:1.6.2, bootstrap:3.3.7, bootstrap-select:1.12.2