问题标签 [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 投票
3 回答
119 浏览

twitter-bootstrap - Bootstrap Selectpicker no working on Blogger

I am adding the HTML/Javascript Gadget and adding the code:

HTML

Javascript

Dropdowns seem to be getting displayed with this but the functionality is not. I am adding both HTML and Javascript code in the same gadget. I also tried adding the Javascript code in the body/head section of the HTML Coding, but :(

0 投票
0 回答
1834 浏览

javascript - 选择器不刷新

我有两个下拉列表,并试图根据第一个下拉选择更改第二个下拉列表的元素。这是我的html:

不要考虑我是如何填充第一个下拉列表的,我在代码隐藏中做它没有问题。现在,我的 js(Jquery):

ilceler是我的对象列表,其中包含第二个下拉列表的元素。问题是,当我selectpicker从第二个下拉列表中删除类时,代码工作正常。我更改了第一个下拉菜单的选定项目,第二个下拉菜单的元素正确更改,但是当我将selectpicker类添加到第二个下拉菜单时,它的元素不会更改。所以我很确定我只是在刷新第二个下拉列表时遇到了问题。如您所见,我使用过$('.selectpicker').selectpicker('refresh');,但似乎无法正常工作。

0 投票
2 回答
7377 浏览

html - 无法更改 Boostrap-select 选择器的标题

我想以编程方式更改我的 Bootstrap-select 选择器的标题。

我尝试了以下不起作用的 JS 代码。

我还有其他方法可以做到这一点吗?

0 投票
1 回答
839 浏览

c# - 在 PostBack 上设置多个 SelectList 值

我有一个包含多个选择列表的表单,并且我还使用了 bootstrap selectpicker。

代码

型号

观点

发帖时:

在此处输入图像描述

每次我发布列表都是空的。列表名称与模型属性名称匹配。

我错过了什么?

我有另一个列表是一个单一的选择,所以选择的值是一个简单的字符串,这工作正常,但上面让我头疼。

0 投票
1 回答
2363 浏览

jquery - 在提交时将类添加到 selectpicker 下拉列表

我试图让下拉列表在单击“继续”时添加添加/删除的类(input-validation-error),<div class="btn-group bootstrap-select required"而不是仅在更改下拉选择时添加。

该类input-validation-error将在“继续”单击时具有红色边框,以向用户显示他们需要从下拉列表中进行选择。我正在使用selectpicker重新设置 Bootstrap 下拉菜单的样式,并使用jquery validate进行验证。

我相信它应该是这样的,$('.btn-submit-val').on('click', function() { var selValue = $('select[name^="country"]').val();但显然不是从那以后,我尝试过的所有其他方法都不起作用。非常感谢正确方向的任何一点。

https://jsfiddle.net/DTcHh/25795/

编辑:有人吗?

0 投票
3 回答
4649 浏览

jquery - 引导选择选择/取消选择所有选项单击无法触发事件?

这可能是一个简单的问题,但我无法在任何地方找到答案或让它发挥作用。

我正在使用http://silviomoreto.github.io/bootstrap-select/插件。

当产品项目全选/取消全选时如何触发事件?我尝试过使用 jquery click 和 change 事件,如下所示:

这是我的选择列表:

0 投票
0 回答
503 浏览

jquery - 添加另一个选择框时,引导选择不起作用

我对 JQuery/Bootstrap-Select 插件相当陌生,并且在单击“添加”按钮时,我一直在讨论添加多个选择框:

我正在使用 Bootstrap v3.3.5、jQuery v2.1.4 和 Bootstrap-select v1.11.2。

以下是我的 HTML 代码:

我的 JS/JQuery 代码如下:

下面是我点击添加按钮时的屏幕截图,它会检查元素是否存在然后刷新选择框。出于某种奇怪的原因,它在其下方添加了另一个选择框副本。但是,如果我取出代码的刷新行,那么您将无法选择选择框中的选项。

在此处输入图像描述 当刷新行被注释掉时,会显示下面的输出,但我无法选择该选项。

在此处输入图像描述

任何帮助将非常感激。感谢您抽出宝贵时间调查此事。

0 投票
1 回答
13137 浏览

jquery - 如何使用引导程序中的 selectpicker 插件设置选定的选项

我正在使用引导选择:

比如我想改成Val 1会被Val 1.0选中Val 1。所以我尝试了没有成功:

我怎样才能做到这一点?

编辑:

通过在每个上插入一个 ID 找到了一个解决方案<option>

然后:

0 投票
1 回答
189 浏览

javascript - Twitter Bootstrap - selectpicker在JS添加它们后没有反应

我对 bootstrap add-on select picker有疑问。我是通过JS动态添加它们的,添加后它们不会被激活。它们就在那里,您可以单击它们,但不能选择该选项。这是简化的代码(或者这里是LIVE DEMO)。

谢谢你的帮助。

0 投票
1 回答
1020 浏览

jquery - 设置 Selectpicker val 并将选项设置为动态选择

问题元数据

引导选择器版本:Selectpicker.VERSION = '1.7.2';

jQuery 版本:jQuery JavaScript 库 v1.11.2

问题陈述

我有一个过滤器select列表。在选择一个option(过滤器)时,服务器会以整个过滤器详细信息进行响应。根据返回的数据,我需要设置几个select元素(引导选择)。一旦设置了值,我还需要将其设置option为选中。

选择元素标记(都有不同的 id)

jQuery代码:

选择器初始化效果很好:

代码尝试但没有运气。所以需要帮助的相同如下,

我尝试使用通常的 find optionby约定,value但效果不佳,例如selectwith idas pspNameget optionbyvalue和 trigger click。但它未能刷新select并且它也没有设置为selected