问题标签 [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 回答
611 浏览

javascript - 创建新标签时更改 select2 自动选择标签

我正在使用 select2,我已经设置好了,所以如果它们不存在,我可以创建新标签。

这一切都很好,但我的一个错误是“新标签”是自动选择的标签,这导致了很多虚假的、意外创建的标签。

我想要的是“新标签”像往常一样显示在顶部,

但是,如果有其他子匹配选项,那么应该选择最接近的匹配,如果用户希望创建新标签,则可以按向上箭头。

当“scrum”标签已经存在时,这是我在输入“scrum”时想要出现的内容:

最优选择

0 投票
3 回答
5407 浏览

jquery - 限制 select2 结果

我正在使用出色的select2 jquery 插件来选择标签。

我无法找到限制结果的方法(仅限于前 5 个)。

我的代码:

有任何想法吗?

0 投票
3 回答
6912 浏览

angularjs - 如何使用 angularjs 动态填充 select2 数据

我的情况是我想使用 Select2 小部件的 createSearchChoice 功能。所以我发现我需要使用 html 输入元素而不是选择元素,所以我不能使用 ng-repeat 来填充 select2 小部件。我发现有一个“数据”选项,并且能够用静态数据填充 select2 小部件,但当我尝试动态填充它时却不行。

什么有效:

html: <input class='select2' ui-select2='sel2props' type='hidden'>

在控制器中:

但是,如果我尝试将数据设置为一个变量,然后我可以将其设置为数据库提供给我的任何内容,则不会填充小部件。

检索到的数据完全按照指定的方式。

如果我设置一个按钮来附加数据键,它将起作用:

所以我认为这是一个时间问题,我尝试了 $digest 和 $apply 但它们在控制器中不起作用。我试图设置一个指令,实际上可以做简单的小部件,但不能做 select2,所以我希望不要走那条路,也就是说我走那条路淹死了。如果有人可以帮忙,那就太好了。

0 投票
1 回答
3530 浏览

angularjs - Angular UI select2 - 如何停止自动排序?

以下数据通过Angular UI附加到select2:(此处为实时示例

JS:

HTML:

但是,每次选择项目时,它都会对所选项目进行排序id。例如,如果您选择“apple”然后选择“boat”,则selected项目将是“boat”和“apple”(按此顺序!)。

如何保留订单并禁用此自动排序?

0 投票
1 回答
2908 浏览

javascript - 在选择输入上多次调用 select2() 使其消失

如何重现:

使用 Chrome访问http://ivaynberg.github.com/select2/select2-latest.html 。

打开 Web 开发控制台,输入:

$("#e1").select2()

“类型错误:对象 -1 没有方法‘显示’”

第一个选择消失了,为什么?

0 投票
2 回答
5917 浏览

jquery - javascript select2 允许的标签

我需要允许用户在选择中仅选择允许的标签。

目前我有:

你能帮我吗?

0 投票
1 回答
215 浏览

javascript - 如何将创建的标签发送回服务器

我使用Select2 jquery 插件为我的 ASP.NET MVC 网站上的帖子添加/创建标签。我使用的功能是“加载远程数据”和“标记支持”,如下所示:

我可以键入并选择一个新标签(创建新标签),但问题是提交文本框时会将 Id 0 转发到服务器,并且无法知道创建的标签的名称。

那么如何让它将字符串而不是 id 发送到服务呢?或者是否存在混合模式,例如现有的 id 和创建的字符串?

此致

0 投票
3 回答
20417 浏览

javascript - Select2 相关下拉列表

我正在尝试使用 Select2 插件来创建 4 个相互依赖的下拉列表。我一直在努力寻找正确的方法来更新加载选项的数据。

我的目标是通过 ajax 加载新数据,但是一旦我在客户端中有它,我就无法将新数据添加到选择列表中。

我试过的代码在这里:

这里还有另一个问题 select2 动态更改项目 ,但那里的解决方案适用于 Select2 v3.2 但不适用于 Select2 v3.3

0 投票
2 回答
2591 浏览

javascript - Select2:为标签数据扩展匹配器

我使用Select2进行标记。它就像一个魅力,但我有一个额外的要求:匹配器应该不仅仅匹配项目的文本。

让我解释。该matcher函数有两个参数,termtext。这允许我们比较给定的标签和输入的文本。但是,如果我为每个标签定义附加数据(通过tags函数),我将无法在匹配器中访问它。

示例代码:

我为每个标签设置了强制id和属性。text此外,还有一个名为category. 我想匹配文本和类别,而不仅仅是文本。

那可能吗?

0 投票
7 回答
50737 浏览

javascript - Select2 Ajax 方法未选择

好的,我确定这里有一些简单的设置错误,但我不是 100% 是什么。

因此,我尝试使用Select2 AJAX 方法作为用户搜索数据库并选择结果的一种方式。呼叫本身会返回结果,但是它不允许我从列表中选择答案。它似乎也不允许您在悬停或向上/向下箭头时“选择”它。所以事不宜迟,这是我的代码:

索引.html

选择.js

JSON 响应

一切似乎都正确,但是我无法实际选择答案并将其输入框中。我的代码中某处有问题吗?