问题标签 [jquery-select2-4]

我正在尝试使用 ajax 在select2中设置我的预定义选择选项， 但是当我使用 ajax 并单击 select2 时，它会删除我之前在那里的 html 选项，知道如何让它保持原样在我输入一些不相关的字符之前不要删除它们？

我认为目前还不清楚，所以我对这两种情况都进行了处理，以便您更好地理解

HTML

js

select2 ajax 和无 ajax 的小提琴示例

我正在评估与我们从 v3.5.x 升级相关的 select2 v4.0。我们将它与淘汰赛 v3.5.2 一起使用。我们的场景是我们希望允许用户根据来自 ajax 调用的 js 对象选择多个选项。selectedoptions 绑定应该将整个 js 对象存储在其绑定的 observablearray 中，而不仅仅是 id 列表。

在我的测试中，这是我发现的

这是一个带有预定义选项列表的 select2。每个选项都有一个 id、text 和 displayText 属性。结果是 multipleSelectedObjects 可观察数组最终具有整个 js 对象的数组，这是我所期望的，因为我没有设置 optionsValue 参数

这是一个带有预定义选项列表的 select2。每个选项都有一个 id、text 和 displayText 属性。结果是 multipleSelectedValue 可观察数组最终有一个整数数组，表示所选 js 对象的 id，这是我所期望的，基于我设置 optionsValue 参数的事实

这是一个使用 ajax 选项进行服务调用以返回选项的 select2。返回的每个选项都有一个 id、text 和 displayText 属性。结果是 selectedItems 可观察数组最终具有一个整数数组，表示所选 js 对象的 id。这不是我所期望的。我尝试只设置 optionsText 属性，就像我对上面的第一个 select2 所做的那样，但这并没有什么不同

我认为这可能是一个 select2 问题，但我不确定。我们的 select2v4 绑定处理程序如下所示。在最后一个场景中，当淘汰赛命中 selectedOptions 部分时，该值是一个字符串，这让我认为 select2 没有设置为在使用 ajax 时传递整个对象。其他人经历过这个吗？这是一个错误还是设计使然？

我已经Select2从一个版本升级到另一个3.5.2版本4.0.

我们有很多表格，其中许多字段由打字员填写。

在旧版本 ( 3.5.2) 中，打字员将使用以下顺序：

1. 专注于元素
2. 输入一个数字
3. 按下Tab以选择结果并移至下一个字段

在版本4.0上，打字员必须：

1. 专注于元素
2. 打Enter
3. 输入号码
4. 再按Enter一次
5. 按 T​​ab 模糊并移动到下一个字段

有没有办法解决这种明显的功能降级？我不想求助，v3.5.2因为我<select>在此版本不支持的元素上使用 AJAX（必须改用隐藏<input>标签）

当用户从 Select2 V4 组件中选择一个项目时，该组件会显示它并且用户无法更改此值。如果用户想要修改活动项并输入修改后的文本，则 Select2 假定它是一个新值并将其添加到列表中。这是坏的。如何更改当前活动值并将其放入所选项目？

在文档页面上没有服务器端解释。正如我所困惑的那样，我想解决我的问题，也许可以参考服务器端和客户端代码。

我正在尝试将 select2（使用 v.4.0）无限滚动分页作为搜索框，但与params.page. 如何将该参数作为查询请求获取并返回页码以进行无限滚动。无限滚动如何触发？以下是我的代码，我只能得到 10 个结果。

我的代码的 HTML 部分是；

JS部分是；

服务器端 - PHP 部分 ( search_results.php) 是：

我有 10 000 个 select2 选项，它的工作速度非常慢。在 3.4 版本中，我可以像这样进行无限滚动：http: //jsfiddle.net/Z7bDG/1/。但在 4.0 中，我没有options.page参数进入查询功能，滚动结束时它不会运行。

select2 4.0 版本如何？

我正在使用 jquery-select2 (4.0.0)。问题是当我选择一个选项，然后选择另一个选项时，item.selected对于两个选项都保持正确 - 永远。是否有一些我缺少的初始配置选项或者这是一个错误？

我正在尝试使用最新版本的 Select2 来查询我网站的 API 并返回多选。它正在获取正确的数据，甚至正确格式化下拉列表，将返回对象中的两个键组合为“（A-123）John Johnson”，但下拉列表没有响应鼠标悬停或点击。

我正在使用 select2.full.min.js 和 select2.min.css 文件。出于项目的目的，我将它们包含在目录中并通过 cshtml 中的 Bundles 访问它们，而不是通过 CDN 访问它们。

HTML：

目前，它看起来像这样，这就是我想要的：

不确定这是否相关，但是当我在搜索时浏览生成的源代码时，输​​入看起来不错，但下拉菜单的代码是灰色的，好像它被隐藏了一样。

根据我在这里和其他地方找到的其他建议，我尝试了一些不同的解决方案。我最终发现了 templateResult 和 templateSelection 应该如何工作（不是特别感谢文档），并尝试返回 ID，但我似乎仍然无法实际选择任何东西，甚至当我将鼠标悬停在时得到响应选项。

这就是我的结论，包括一些调试以确保返回的对象是有效的。

JS：

ID 是一个 GUID，还有另外两个字段，我将它们称为名称和用户。

数据样本：

我讨厌添加似乎与此有关的一堆问题，但是我发现的大多数结果都是针对具有明显不同选项的旧版本的，而且它们还没有为我工作。

我在插入 Select2() v4.0 时遇到问题。我想从 boostrap 加载 mi Modal 中的远程数据并编辑这些值。我的代码是：

HTML

JS

InitSelection 没问题，因为我使用“select2.full.min.js”，但问题是当我尝试编辑 InitSelection 预充到我的 select2 控件的值时。我失去了价值观并清除了控制权。

如何在不删除值的情况下编辑初始值？

我的问题是当我想编辑我之前创建和保存的数据时。我不知道如何使用 select2() 进行编辑

谢谢！

我在多选表单中使用Select2 (v4)并且难以获得我需要的下拉关闭功能。我已closeOnSelect设置为false，因此用户可以轻松添加多个值。我在测试站点上看到的是，在除 iOS 之外的所有浏览器上，当您在下拉区域之外单击时，下拉列表将关闭（这是所需的行为）。在 iOS 上，关闭它的唯一方法是在输入中单击。

奇怪的是，在尝试通过 jsfiddle 进行复制时，我只能让 Select2 的第 4 版表现出我在 iOS 上看到的方式 - http://jsfiddle.net/8g27t277/

我有另一个使用 Select2 v3.4.6 的 jsfiddle，它显示了我想要跨所有浏览器的点击关闭功能 - http://jsfiddle.net/0tefq3yz/

测试 HTML：

测试js：

是什么导致下拉菜单关闭（或不关闭）以响应输入之外的点击事件？