问题标签 [bootstrap-select]

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 投票
0 回答
971 浏览

jquery - 在引导选择中动态更改数据属性

如何更改引导选择的数据属性值?

我想在选择selected-text-format时更改属性All

我试试这个代码:control.data('selected-text-format', 'count>0').selectpicker('refresh');这个代码对我不起作用。当我尝试selected-text-format从控制台获取时,我得到' count>0'。

例子

0 投票
0 回答
118 浏览

mobile-safari - Bootstrap-select 在 Safari (Mobile) 上随机选择值

我在 Safari for mobile (iOS) 上的 Bootstrap-select 有一个奇怪的问题。选择选项时,有时会选择错误的选项。就像我选择“Apple”一样,它会随机选择“Zebra”。有谁知道这个问题并有解决方案?

0 投票
1 回答
524 浏览

javascript - 引导选择从下拉列表变为 AJAX 上的输入字段 - js.erb

有一个小问题 - 当我试图通过 Ruby on Rails (js.erb) 中的 AJAX 更新视图结果时,即。当我通过 AJAX 更新/呈现表单时,selectpicker 变成了简单的输入,因此它就从视图中消失了。有人可以建议我需要做什么来解决这个问题吗?

0 投票
3 回答
4952 浏览

twitter-bootstrap - Bootstrap-Select 跳过选项卡索引

我正在使用这个bootstrap-select的1.6.3来选择带有 Bootstrap 的菜单。

但是,当我通过我的表单进行选项卡时,它会跳过select具有类selectpicker的元素:即该元素不在选项卡顺序中。

GitHub 上有 1.6.4 版本,但我在 CDN 上找不到。

想知道是否有其他人遇到过这个问题以及是否有解决方法。

0 投票
0 回答
3214 浏览

javascript - Bootstrap selectpicker onchange 多次触发

我遇到的问题是引导选择选择器上的更改事件触发太多。

我有一个使用smarty的选择选项,如下所示:

smarty 的输出如下所示:

然后我调用以下 JavaScript:

第一次选择时输出

点击
2

第二次选择输出

点击
1
点击
1

第三次选择的输出

点击
2
点击
2
点击
2

正如你所看到的,它有点累积,我不知道为什么。有任何想法吗?

0 投票
1 回答
1826 浏览

angularjs - 通过添加边框来设置引导按钮的条件样式

我正在使用“引导选择”来显示下拉控件。由于这是一个 AngularJS 应用程序,我有一个范围变量。此变量“有效”设置为真。当此变量“有效”设置为 true 时,我正在尝试为 bootstrap-select 显示的引导按钮添加一个红色边框。

但是这种风格没有正确地应用到按钮上。

我查看了许多高级引导按钮样式,但对于此要求,它们似乎太高级了。我怎样才能做到这一点 ?

bootstrap-select 显示这个按钮,当我添加 style="border: 1px solid red;" 在 Chrome 中通过编辑并保存我得到一个红色边框。但我不确定可以生成这个的代码。

我有一个AngularJS 论坛成员根据我的问题创建的 JFiddle ( http://jsfiddle.net/cjq7jgkn/6/ ),该问题显示了一个示例。但这并不是我想要的。我已经解释了我在上面寻找的东西。

更新:我正在编辑它,因为它比添加评论更容易。

建议的新代码是这样应用的。

但是如果我可以将它应用到按钮上(通过在 chrome 中编辑)它就可以工作。看起来应该以将样式属性添加到 bootstrap-select 使用的引导按钮的方式使用此代码。

显示按钮的行显示在问题中。

0 投票
1 回答
1597 浏览

javascript - 在动态添加的表格行中丢失 css 样式

我已经阅读了很多关于动态添加和删除表中的行的内容。我很确定我所做的一切都是正确的。

我的观点:

局部视图:

添加功能

所有这一切都很好。但是,我现在遇到的问题是,当添加新行时,css 类“selectpicker”不会应用于下拉列表。

我正在使用bootstrap-select来设置我的下拉菜单的样式。这在应用程序的其他任何地方都可以正常工作。

请有人告诉我我做错了什么。

谢谢。

0 投票
1 回答
2701 浏览

bootstrap-select - Bootstrap Select下拉列表自动向下移动

我是 IE11 中的 Bootstrap Select 用户。

当我用 ajax 填充数据并打开它时,它会自动向下移动,当我选择任何值时,它不会被选中。如何消除此错误?

0 投票
1 回答
5785 浏览

javascript - 如何使用原始选择选项的值更新引导选择的数据原始索引

我有一个选择按钮,我从数据库中加载各种列表选项。

我将此选择按钮转换为引导程序的选择器。现在,当它呈现它隐藏原始选择选项并创建它自己的视图。

我的选择选项会将 id 呈现为值,并将呈现如下。

但是当我看到引导程序的用户界面时,它将有一个名为 data-original-index 的选项,如下所示

这与我的原始选项无关,当我获取所选选项的值时,上面的渲染给我带来了问题。

有没有办法用我原来的选项值来渲染 data-original-index 的值???欢迎任何建议!

0 投票
1 回答
2424 浏览

css - 带图像的内联 angular-ui-select

我正在尝试创建一个内联 angular-ui-select 框,其中的图像显示在 1 个选项附近http://plnkr.co/edit/27g6JYtB7tg0w70ROZDb

我是使用 ui-select 的新手,但我不知道:

  1. 为什么单击按钮时按钮大小会发生变化
  2. 为什么选择它时未选择所选选项(或者至少为什么它没有显示为选择框中的选择)

我选择使用 angular-ui-select 是因为我不知道如何让 bootstrap-select 显示图像。