问题标签 [jquery-select2-4]

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

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

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

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

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

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

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

0 投票
17 回答
123701 浏览

javascript - Select2 在焦点上打开下拉菜单

我有一个包含多个文本输入和一些 select2 元素的表单。使用键盘在字段之间切换可以正常工作 - Select2 元素的行为类似于表单元素,并且在切换时接收焦点。我想知道当 Select2 元素获得焦点时是否可以打开下拉列表。

这是我到目前为止所尝试的:

但是使用此代码会使下拉菜单在进行选择后再次打开。

0 投票
1 回答
91 浏览

jquery-select2 - (版本 4.0.0-beta.3)远程日期加载的“更多”功能停止工作

我刚刚将我的 select2 升级到该主题的最新版本,并注意到more加载停止工作。

尽管无条件变量,true事情不再起作用。你看到我缺少什么了吗?moremore

0 投票
4 回答
3210 浏览

ruby-on-rails - Capybara 和 Select2 第 4 版

如何select2使用 capybara 填写/选择搜索框(通过 ajax 获取结果)。

在 Rails 项目中使用最新version 4select2和最新的。capybara/rspec

有很多SO关于如何使用 Capybara 的例子,Select2 3.x但不是version 4重写。

0 投票
2 回答
5671 浏览

jquery-select2 - 使用带有无限数据和过滤器的 SELECT2 4.0.0

我使用 Select2 已经 2 年了,我真的很喜欢所有的开发者。但是,3.5.x 版有他的限制,所以我要升级到 4.0 版,这让我很头疼!

为了您的记录,我使用 Select2 和大表(> 10.000 个条目),所以 AJAX 和无限数据(页面设置为 50 个项目)。

  1. 使用 3.5.2 版,我可以在搜索数据时重现下划线匹配(使用formatSelectionand query.term)。知道如何使用 4.0.0 版制作它(功能templateResult只通过resultquery不再通过?

  2. 使用 3.x 版,您可以使用搜索值不在列表中(使用createSearchChoice)添加免费条目。4.0版没有这个选项,知道如何重新制作吗?

  3. 我尝试用输入栏替换选择栏(仍然使用选择下拉菜单)。似乎可以强制适配器,但我无法找到如何。

  4. 我需要添加一行(在第 1 行)或一个按钮(浮动到右侧)以添加新项目(类似于createTag,但用于项目)。有人已经做到了吗?

0 投票
1 回答
3739 浏览

jquery - How to get jquery-select2 to display html entities correctly?

I'm using jquery-select2 4.0.0 and I want to display a text containing an '&'.

This is the code of the option:

However, Select2 shows the following as the option text:

How can I get Select2 to show the specialchar correctly?

0 投票
1 回答
1033 浏览

javascript - 不推荐使用 Select2 initSelection

我现在正在创建一个 Rails 项目并select2用于表单。

form_for 在视图中:

javascript文件:

@ingredients在控制器中进行了设置,它应该可以正常工作,但我不知道如何为此select2表单设置多个默认值。

似乎initSelection方法在4.0.0 版本中已弃用,我找不到使用新方法的好例子。

有人有想法吗?先感谢您。

0 投票
2 回答
12223 浏览

javascript - Select2 JS 使用 Ajax 加载远程数据

我正在使用 Select2 JS 版本 4.0.0-rc.1 并且无法使用远程 Ajax 方法加载建议。

以下是标记和代码

JavaScript jQuery

服务器返回的 Json 结果

我完全不确定是否需要编写特定的函数来显示建议,Ajax 部分的评论说我们不应该更改结果 Json 数据。

现在有人请告诉我我还应该做什么才能让代码工作以显示建议。

我猜随着新版本的 select2 很多东西都发生了变化。

0 投票
0 回答
371 浏览

jquery-select2 - select2 键盘导航在 closeOnSelect 设置为 false 时不起作用

当我将closeOnSelect选项设置为 时true,我可以使用向上和向下键在选项之间导航。第一次选择后,它不再允许键盘导航。它只允许使用鼠标进行选择并通过鼠标滚轮滚动。

我正在使用select2版本 4.0.0-rc.1 我尝试了旧版本。它工作正常。但是当与bootstrap3.

有没有人得到这个问题的解决方案/解决方法?

谢谢

0 投票
1 回答
10818 浏览

javascript - select2使用ajax加载数据无法选择任何选项

我有以下代码(javascript):

对于服务器端,我使用的是 ASP MVC 4。选择使用 ajax 获取数据并呈现选项,但此选项不可选择。阅读其他帖子,他们描述了使用 id 函数,但这个函数在我使用的 select2 版本上似乎消失了 2.4

我在github “Loading remote data”上显示的文档中遵循 ajax 的示例