问题标签 [selectboxit]

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 回答
115 浏览

jquery - 带有数据表分页的 selectBoxIt 不起作用

我使用selectBoxIt作为选择框来设计一个下拉框,并使用数据表来列出数据。

所以,在数据表列表中分页时它不起作用。我为选择框做的代码是

但它不适用于分页?

0 投票
1 回答
152 浏览

html - 使用引导程序时在 iphone 中选择框高度问题

我在 Iphone 的选择框中有问题。因为有很多空白。我需要降低高度,如果我改变高度,它也会在其他移动浏览器中改变,所以我只需要 Iphone 的解决方案。

0 投票
0 回答
314 浏览

javascript - SelectBoxIt - 触发对原始选择元素的更新

我正在尝试使用SelectBoxIt jQuery 插件,它看起来很棒而且很有前途,尽管我对这个插件有 1 个问题,但似乎没有本地方法可以用所选值更新原始选择元素。

乍一看,似乎确实可以选择这样做:

积极变革模式

注意:当用户通过键盘使用向上和向下箭头键导航到选项或使用键盘搜索选项时,激进更改模式将选择一个下拉选项(并在原始选择框上触发更改事件)。

的话:

在原来的选择框上触发 change 事件

让我困惑了一会儿,但正如您所看到的,这不是我的用例,它只是指使用键盘进行导航并更新插件创建的新下拉菜单。

我是否遗漏了某些东西,或者没有本地方法可以满足我的要求?如果是这样,更新原始选择元素的最佳做法是什么?我已经想到了一些使用回调或更改事件的选项,但不确定什么是最佳实践。

0 投票
1 回答
62 浏览

javascript - angularjs selectBoxIt 自定义主题

我在我的项目中使用selectBoxIt组件。我想改变风格,像这样: 在此处输入图像描述

我使用下一个代码来实现这个组件:

但是在他转换为默认样式之后,如何更改样式?非常感谢。

0 投票
2 回答
344 浏览

javascript - selectboxit 的 AngularJs 问题

我的站点中有selectboxit组件。下一个设计: 在此处输入图像描述

当我选择第一个选择框值渲染数据到第一列时,如果从第二个选择框渲染数据中选择值到第二列等,我需要。

我的html代码:

以及更改 selectBox 组件的事件:

但它不起作用,因为在compareVersionEvent中没有传输正确的数据,这意味着如果在第二个 selectBox 我选择值1 然后在第一个 selectBox 我选择值1 他不传输到主compareVersionEvent

请帮我解决这个问题。

0 投票
0 回答
230 浏览

angularjs - 使用 angular 和 selectboxit 设置选择下拉列表的值

我正在为我的下拉菜单使用 jquery 插件“selectboxit”。下面是带有角度指令“image-select-box”的 html 代码,它将选择下拉菜单初始化为 selectboxit。

指令中链接函数的内容如下

我遇到的问题是所选值没有使用 ng-select 更新。

如果我在任何选项中对 selected ="selected" 进行硬编码,它会正确显示所选值。但是,如果我使用 ng-selected 来设置 selected 属性,我注意到在链接功能期间,所有 ng-selected 属性都会计算为 false,这就是 selectboxit 不显示实际选定选项的原因。但是,在页面加载后,我看到 ng-selected 已将 selected 属性添加到正确的选项元素中。

这实质上意味着自定义属性在 ng-selected 属性编译和链接之前被编译和链接。

我已将自定义属性的优先级设置为 1000,但仍然无法使其正常工作。

任何帮助将不胜感激。

0 投票
1 回答
359 浏览

ios - ios10:与本机下拉列表交互后无法选择任何内容

我有一个使用 HTML 'Select' 标记的响应式解决方案。这在 Safari(在 IOS10 中)中打开时,允许我从下拉列表中选择任何值。

一旦我与本机下拉菜单交互,当我再次点击网页上的任何位置时,都会触发本机下拉菜单。我在多个网站上检查了这种行为,我能够在其中一些网站上重现。

随着整个旅程的停止,这导致了重大问题。

感谢您遇到此类问题,请提供相同的指示

非常感谢

0 投票
1 回答
432 浏览

css - selectBoxIt 下拉列表中的较长文本不可见(如果选择)

我有一个使用 selectBoxIt 的下拉列表。如果选项长于下拉菜单的宽度,则选择后文本将消失。我在互联网上找不到解决方案。

以下2张图片显示了问题:

如果文本比菜单的宽度短,一切都很好 在此处输入图像描述

如果文本较长,菜单显示为空 在此处输入图像描述

这是我如何初始化 selectBoxIt

我的 selectBoxIt 有版本 v3.8.1

0 投票
2 回答
525 浏览

javascript - SelectBoxIt jq 插件不适用于 Vue.js

一个页面中有很多动态生成的选择框。我想应用 jquery selectBoxIt ( http://gregfranko.com/jquery.selectBoxIt.js/ ) 插件。我正在使用Vue js。我应该放在哪里

为了附加插件与选择元素?应用于选择框的类是cl_v。我已经将上面的代码放在created:mounted:destroyed:中。但它没有用。如何将插件与 Vue.js 一起使用?谢谢

0 投票
1 回答
91 浏览

javascript - SelectBoxIt 仅适用于类的第一个实例

我正在使用 SelectBoxIt 来设置我的选择的样式,如果我为它们使用 ID,它可以正常工作,但是如果我使用类,虽然它的样式都可以,但大多数选项只会影响类的第一个元素。

我正在尝试获取它,以便在成功提交表单时重置选择,但只有第一个会重置。

我试过只使用 jQuery 来重置元素

但这所做的只是重置隐藏在样式版本下方的原始选择,因此现在显示的值不是所选值。

我也试过...

仅针对第一个元素

同样只针对第一个元素

根本不起作用,有错误selectBoxIt is not defined

使用 ID 时一切都按预期工作,但问题是在我打算使用它的页面之一上,滑块中有多个表单实例,因此我必须使用类。