问题标签 [jquery-select2]

我已经阅读了官方 API 文档，但我并没有真正理解。

以下是 select2 关于如何格式化元素的代码。

但是，我不太明白这到底是format(state)什么state意思？

我有一个下拉列表（来自关联数组的数据，user_id=>username），现在我想格式化下拉结果元素，这样用户不仅可以选择用户名，还可以在用户名旁边看到用户的头像。

这是我的一些代码......但它不起作用。

同样，我的数据结构是“ user_id=>username”......有什么想法吗？

我正在使用 Select2 在我的应用程序中创建一个 Gmail 样式的电子邮件地址字段。它工作得很好，除了一种情况：当用户输入一个电子邮件地址并且没有在它之后放置空格或逗号，并且没有按 Enter 或 Tab 键时。例如，如果他们只是键入一个电子邮件地址，然后使用鼠标选择表单中的下一个字段，他们键入的电子邮件地址就会消失。

我在这里有一个示例 jsfiddle来说明问题。

这是我在隐藏输入上设置 select2 的方式：

有没有办法让我设置 select2 以便 onBlur 它只需要剩下的并且当前不是标签并使其成为一个标签吗？

我现在对 javascript/jQuery 和 rails 有点陌生，并且正在使用带有 select2-rails 的 text_field_tag 来创建带有自动完成功能的标记等。

它现在工作得很好，但只是出于好奇，我放置了

<脚本>alert("hello");</script>

（没有空格）在文本框中，弹出警报。这不是很不安全吗？我应该添加什么来阻止 javascript 在该 text_field 中执行吗？

编辑:: 这是我在该页面上的 javascript 应用到我的 text_field_tag：

我的文本字段很简单：

我一直在用这个把头撞在墙上，所以我把它减少到最低限度：

索引.html：

应用程序.js：

这是 Plunker 的链接：http ://plnkr.co/edit/kXnHPzBt7apRc7EivLp8?p=preview

我想我做得很好，但它只是拒绝初始化select2.

这是我得到的错误：

对象 [[object HTMLSelectElement]] 没有方法“是”

这是错误的屏幕截图：

我在这里做错了什么？

我将 AngularUI 的ui-select2指令与 AJAX 一起使用。

以下是我的观点：

这是我的模型中的内容：

这按预期工作。

我的问题：如何通过模型更新值？

我试过：

我也尝试使用一个对象：

但这也不起作用。

如何通过模型更新使用 AJAX 的 select2？

我在我的表单中使用 select2 插件，我services_dd在页面上有一个带有 class 的链接.js-autoselect。单击此按钮时，我想获取该链接标签的 ID，并根据他们单击的按钮更改 select2 选项。

<option>value 属性与链接上 id 的属性相匹配。下面的代码成功更改了值，但 select2 没有更新，它仍然显示第一个选择。

有谁知道如何更新select2

选择框转换为 Select2，不会自动与 ASP.NET MVC 框架中的不显眼的验证机制集成。
例如，在包含常规选择框的表单上（在模型定义中标记为必填），在选择框中没有选择任何选项的情况下提交表单，将导致选择框的边框和背景呈现偏红色，并且通过使用@Html.ValidationMessageFor，可以在框旁边显示错误消息（如果有）。但是，如果将选择框转换为 Select2 组件，则上述功能将不再起作用。甚至验证错误消息也不会出现。
似乎连验证错误消息都没有显示的原因，是因为 Select2 将原始选择框的显示 CSS 属性更改为无（显示：无），我猜不显眼的验证脚本不会打扰为不可见生成错误消息字段。

有什么想法/解决方案吗？

我最近一直在努力使用 Jquery Select2 ( Select2 )，试图实现从 ASP MVC ActionResult 获取数据的 ajax 回调。

这是我的 HTML 代码：

这是js代码：

GetCountries 函数非常简单，它只返回与搜索词匹配的国家。这是搜索“联合”一词时的示例：

我尝试将格式从 application/json 更改为 text 来回没有成功。我想我在我的函数返回的 json 上遗漏了一些东西，但是三个小时后我仍然不知道这里可能出了什么问题。

当我在网络选项卡上查看 Chrome 调试器时，它似乎调用了该​​函数并且正在发送数据。但是，当我输入字母时，什么都没有显示，它只会永远显示“正在搜索...”文本。

如果有人遇到过同样的情况，请分享您的想法。提前致谢。

我在select2上使用了格式化程序，所以我可以很好地对齐两个元素（代码/描述），但插件似乎只是在搜索描述，而不是将代码/描述视为整个文本。

可能是因为它只搜索原始内容中的<option/>内容，而不是稍后附加的内容。

HTML

JS

在这里摆弄

任何人都知道解决这个问题的方法吗？

编辑：问题已经解决，事实证明，Select2 库有一个用于此类型的自定义命令：

我正在使用一个名为 Select2 3.2 的下拉菜单库。简而言之，代码采用一堆选择和选项标签，并生成一个很酷的下拉搜索列表。

但是，在网站渲染之后；当我单击“查看源代码”时，我所有的选择和选项标签仍然存在，但是当我右键单击新生成的精美菜单本身并选择“检查元素”（使用谷歌浏览器）时，html 完全不同。

我认为这是导致问题的原因，所有这些新代码都是从自定义库的 JS 中呈现的，并且在我的 jQuery 事件命令之后。

具体来说，这是我的命令：

我相信 on() 方法会处理这种事情，但显然不是，任何帮助将不胜感激！

相关编辑：这是另一个 Stack Overflow 帖子的简介：

知道了这一点，也许解决这个问题会更容易。

这是一个 JS Fiddle 相关的：

http://jsfiddle.net/JpvDt/47/

当您单击多栏中的“x”时，尝试使警报“工作”出现。现在我的代码可以注册包含 x 的类。