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

javascript - select2,如何格式化元素呢?

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

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

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


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

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

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

0 投票
4 回答
6164 浏览

jquery - 模糊上的 jQuery Select2 标记

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

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

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

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

0 投票
1 回答
697 浏览

javascript - 在 text_field_tag 中运行 javascript

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

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

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

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

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

我的文本字段很简单:

0 投票
1 回答
2945 浏览

javascript - angularUI ui-select2 指令不起作用

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

索引.html:

应用程序.js:

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

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

这是我得到的错误:

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

这是错误的屏幕截图:

在此处输入图像描述

我在这里做错了什么?

0 投票
2 回答
1659 浏览

javascript - AngularUI select2 AJAX 通过模型设置

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

以下是我的观点:

这是我的模型中的内容:

这按预期工作。


我的问题:如何通过模型更新值?

我试过:

我也尝试使用一个对象:

但这也不起作用。

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

0 投票
4 回答
26586 浏览

jquery - 单击时更改 select2 选项

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

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

有谁知道如何更新select2

0 投票
4 回答
6315 浏览

asp.net-mvc - 使用 Select2 ASP.NET MVC 时进行不显眼的验证

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

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

0 投票
2 回答
1601 浏览

asp.net-mvc-3 - 如何使 Jquery Select2 与 ASP MVC 3 一起使用

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

这是我的 HTML 代码:

这是js代码:

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

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

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

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

0 投票
3 回答
2667 浏览

javascript - 格式化程序附加的 jQuery Select2 值可搜索

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

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

HTML

JS

在这里摆弄

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

0 投票
3 回答
1825 浏览

javascript - 如何将 jQuery 中的事件处理程序添加到在 jQuery 本身之后呈现的代码中

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

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

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

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

具体来说,这是我的命令:

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

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

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

这是一个 JS Fiddle 相关的:

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

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