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

jquery - 在 Bootstrap Select 插件中全选/取消全选

在上面的 html 中有带有 value 的选项All。如果选择了该选项,我想选择所有项目,如果我取消选择该选项,则取消选择所有项目。

我认为这很简单,但我不明白为什么什么也没发生$('#divRatings').change(function(){//some logic});

我选择/取消选择项目的功能:

JSFiddle 示例

0 投票
2 回答
3750 浏览

javascript - d.stopPropagation is not a function on bootstrap select-picker

I have an issue on my site, the select picker works fine a lot of time, but without making any changes on the code, the select-picker stopped working.

The error is:

bootstrap-select.min.js:7 Uncaught TypeError: d.stopPropagation is not a function

I already tried updating the version of the library, but all the versions I tried (1.10, 1.7, 1.6 and 1.5) looks with the same issue.

Can you bring me some ideas of what's happening? If you can see the console on the website would be awesome.

0 投票
2 回答
3704 浏览

jquery - How to add title (tooltip) on selectpicker disabled option?

I have a selectpicker with many languages i.e. <li> tags under <ul> tag as below given image.

Drop Down List (selectpicker)

It can be seen that the + Add Language li of selectpicker is disabled. It is happening because in actual html's <select>'s option is disabled as following image

HTML view

Now the concern is: selectpicker picks the select option and apply all the properties but did not carry the title (it can bee seen on <select>'s <option> value; title="My Title") while hover over the disabled <li> tag. In my opinion it is happening because disabled class on this <li> tag is overriding the title behavior by adding that ban icon.

Please let me know how can I enable this behavior while using select picker. I want title to be displayed while hovering over the disabled option.

Edit: Kindly refer to the code snippet for better understanding.

0 投票
2 回答
1044 浏览

php - 选择带有代码接收的 selectpicker 选项

是否可以在带有代码接收的选择框上选择一个选项。选择框被隐藏 - 替换为引导程序中的选择器。

我试图单击选择选择器创建的按钮,但代码接收不会查看“标题”。

从文档:

点击定位器给出的链接或按钮。如果给出了模糊定位器,则将在页面中搜索与定位器字符串匹配的按钮、链接或图像。对于按钮,搜索“值”属性、“名称”属性和内部文本。对于链接,搜索链接文本。对于图像,搜索任何父链接的“alt”属性和内部文本。

我也尝试通过隐藏的选择进行选择 - 不起作用。

0 投票
2 回答
120 浏览

css - 使用引导程序选择下拉按钮:找不到按下的 css

好的,这听起来很容易,但我无法通过引导程序在此选择下拉按钮中找到负责蓝色边框的 css

按钮上的蓝色边框 有谁知道我如何在css文件中获取类?

http://jsfiddle.net/49FK9/90/

0 投票
2 回答
3077 浏览

css - 引导选择选择器下拉列表中的内联元素

我的小提琴在这里。它基于对这篇文章的回答。

当前选择器

它是一个简单的选择器,带有图标而不是文本。

我希望用户能够从列表中选择一个图标。但是,由于有大量非常小的图标,我想让它们显示在下拉列表中的 2D 表格/网格/矩阵中(目前每行显示一个图标)。表格中的列数应根据页面宽度进行缩放。

我把它想象成一个简单colorpicker的图标而不是颜色。

我愿意使用不同的控件,如果不是bootstrap-selectpicker.

0 投票
1 回答
977 浏览

jquery - Angular2 和 Typescript:错误 TS2339:“ElementFinder”类型上不存在属性“selectpicker”

不幸的是,我们必须在当前项目中使用需要 jQuery 的旧库。这些的激活发生在生命周期钩子部分“ngAfterViewChecked”中。由于事实上,TypeScript 无法在正确的时间解决它,它输出错误:

错误 TS2339:类型“ElementFinder”上不存在属性“selectpicker”。

那是相关的代码块:

//noinspection TypeScriptUnresolvedFunction在 selectpicker 激活之前添加了该行,但它没有帮助。

我们有一个预配置的构建系统,由于这些错误,它“反弹”了我们。我怎样才能摆脱这个问题?

0 投票
1 回答
128 浏览

twitter-bootstrap - Bootstrap-Selectpicker:使不可点击的年份不可见并直接显示选定年份

以下代码块:

输出:

在此处输入图像描述

我有两个问题:

如何使不可点击的年份不可见?

如果用户在输入字段中键入年份,然后单击此输入字段,则所选年份应显示为已标记。

这将是期望的结果:

在此处输入图像描述

目前我正在研究以下 API 文档,但尚未找到相关部分。有人能帮我吗?几年前我已经这样做了,但不幸的是我不记得怎么做了。

0 投票
2 回答
10412 浏览

javascript - Bootstrap 选择器根据键自动排序

我正在使用 Bootstrap selectpicker来填充选择框。

我在数据库表中有这样的数据,

我正在做的是根据countryNamecId 对数据进行排序并将其填充为元素option的键和元素的值countryNameoption

但在内部它是基于option's值属性排序的,即它在末尾显示巴西(cid 为 6)而不是在比利时之后,解决这个问题的 hack 是什么?如何关闭内部排序?

小提琴链接https://jsfiddle.net/14a3h2bt/

有关更多参考,请在此处查看我的评论:https ://github.com/silviomoreto/bootstrap-select/issues/1476

0 投票
1 回答
3777 浏览

javascript - 带有添加或删除值的选择器

我有一个引导选择器。我有一个 timeRange 值的列表。

用例: 我想添加或删除其中一些并将生成的 JSON 发送到后端。

这是我尝试过的:

我有一个名为“删除”的按钮,如果我点击它,我想从选择器中删除一个 timeRanges 并将 JSON 重新发送到后端。

我怎样才能做到这一点?