问题标签 [jquery-select2]

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

jquery - 样式选择2多选与单选相同?

基本上我想要做的是让输入仅用作显示,当单击该字段时,我希望搜索字段的下拉列表与单选相同。

下面的(做得不好的)模型比我能更好地解释这一点。

在此处输入图像描述

Select2 是否内置了此功能,或者是否有一种简单的方法可以做到这一点?

0 投票
1 回答
5344 浏览

angularjs - Angular UI / select2 多个如何预选值/选项?

将 angular-ui 与 select2 一起使用,如下所示:

我应该在哪里以及如何预选选项?默认情况下,选择的选项只有第一个。不知何故在控制器中?

0 投票
1 回答
8128 浏览

javascript - 带有对象的 Angular UI select2 数组是否可能?

有没有一种简单的方法可以将选项作为数组中的对象?如下:

还是我完全错了?

0 投票
8 回答
38278 浏览

css - 如何更改select2标签颜色的css?

我刚开始使用项目从选择框中显示多个标签,效果很好,感谢图书馆。

我只需要修改多值选择框中显示的标签的颜色或 CSS。现在标签的颜色显示为灰色,我想根据标签的类型将其更改为其他颜色。或者至少有办法改变默认颜色?

也可以更改标签的css类吗?有一个选项,例如,formatResultCssClass但是当我尝试通过该属性添加 css 类时,没有任何改变,如果有人可以展示如何执行此操作的示例,我将不胜感激?

编辑:解决问题的解决方法:向 select2.defaults 添加一个新属性,用于表示所选对象的类。

并使用这个新属性初始化 select2:

0 投票
1 回答
2482 浏览

twitter-bootstrap - 将 select2 插入 Bootstrap 下拉菜单

我在尝试从 Bootstrap将select2插入下拉菜单时遇到问题。标记是这样的:

我的 .dropdown-select-box 类,用于样式设置和更好的控制。我似乎无法让它发挥作用,这让我发疯并浪费了我宝贵的时间。这是我希望通过此实现的结果:

Select2 进入 Boostrap 的下拉菜单

这意味着 select2-container 需要始终打开并且(以某种方式)相对于下拉菜单定位,以便下拉菜单可以缩放到 select2-container 的大小。我试图把我的想法包裹在这个问题上,但空手而归。

0 投票
1 回答
1911 浏览

jquery - Select2 - 工作正常,直到在对话框上使用

我想知道是否有人没有计算过这个问题并知道解决方法。

我正在使用出色的select2插件,它可以完美地工作到一定程度。

当我在对话框中有 select2 控件时,一切正常,直到我关闭对话框并重新打开。从那时起,每次单击 select2 控件时,列表都会快速打开,然后消失。

任何人都知道这是否是一个已知问题,或者是否有针对此特定问题的解决方案?

编辑

我在对话框打开的EACH时间如下:

编辑 2 好的,这实际上在一种情况下工作正常,这非常奇怪。

如果我FireBug打开调试面板,我就会遇到问题。关闭Firebug面板,它可以完美运行!

我想知道是否存在某种 z 排序问题,但考虑到我之前的问题为零,这很奇怪。

已经使用多个浏览器复制了以上内容,只发生在 Firefox 和 Firebug 打开!

0 投票
4 回答
22419 浏览

ajax - 使用ajax post方法的select2

我正在尝试将select2与 ajax 加载一起使用。

这是我的代码:

ajax 调用是对同一页面代码隐藏中的 webmethod/pagemethod 的调用:

在文本框中输入数据时,会发出 POST 请求,并且发送的 json 似乎格式正确。

但是,pagemethod 的响应是整个 html 页面。据我了解,如果您没有在 ajax 调用中正确设置“contentType”,则 post 方法可能会发生这种情况。我已将其设置为与在页面上工作的所有其他 ajax 调用相同(它们不使用 select2)。

select2 是否忽略“contentType”属性?还是我做错了什么?

** 编辑 ** 发布后,我在 select2 的 github 站点上发现了这个问题: Issue 492 - Add Support for contentType to Ajax

它似乎没有通过 contentType。我是否能够绕过 selet2 的内置 ajax 助手并使用我自己手动定义的助手?

0 投票
2 回答
830 浏览

jquery - 带有select2 gem的rails v3忽略client_side_validation错误消息

我正在使用 rails 3.0.9,client_side_validation gem,只是尝试通过手动使用他们的 js 和 css 文件来使用 select2 gem

从https://github.com/ivaynberg/select2/tags下载文件

具有存在验证的简单表单

现在选择框UI改变了,

但是当光标在没有选择任何值的情况下聚焦时,client_side_validation gem 应该显示错误消息但不显示任何消息(甚至没有将 error_field 类设置为该字段)。

select2 gem 是否忽略/跳过以呈现错误消息?

如果我单击提交按钮,那么只有我收到 (client_side_validation gem) 错误消息。

有什么办法解决这个问题吗?

0 投票
1 回答
5417 浏览

javascript - AJAX、JS 和 Select2 的问题

如果我做了一些愚蠢的事情,我深表歉意,但我对 Select2 和 Ajax 是全新的,并且在尝试完成这项工作时遇到了很多麻烦。我正在尝试创建自己的 json 文件(链接已删除)以与我正在构建的表单(链接已删除)一起使用。在 Chrome 中使用 Firefox Lite,我能够从我的服务器获得响应(200 OK),但选择框不显示搜索结果。我的 json 文件似乎使用http://jsonformatter.curiousconcept.com正确验证。你也可以在

有什么想法或提示吗?

json.php 来源:

select.php 源码:

0 投票
13 回答
111942 浏览

javascript - “未为 Select2 未定义错误定义查询函数”

尝试使用 Select2 并在多个项目输入/文本字段上出现此错误: