问题标签 [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 投票
0 回答
369 浏览

jquery - 以编程方式将数据设置为 ajaxified select2 4.0

我使用带有 ajax 选项的 select 2 (v4.0),它运行良好。

是否有可能以编程方式设置选择的选定值(无需用户单击和搜索)?

更新

目前我正在使用选项重新初始化 select2 initSelection,但也许还有另一种方法可以做到这一点

0 投票
0 回答
96 浏览

jquery - 在 Select2 4.0 中设置预选值

我已经阅读了很多内容并尝试了不同的东西,但我无法在 select2 AJAX 下拉列表中预先选择一个值。

它是4.0.0 版,因此initSelect不再可用。通过 jQuery 添加手册也不起作用。

有人知道如何解决这个问题吗?关于这个主题的文档有点少。

非常感谢,迈克尔

0 投票
5 回答
12687 浏览

jquery - How to disable creating new tags with select2 v4.0?

I've been trying out the new Select2 v4.0 which has a lot of improvements. I'm mainly interested in the tags feature. I want to be able to search for tags via ajax and only be able to select a tag from the shown results and not be able to create new tags. The functionality is similar to StackOverflow - if you don't have the necessary reputation you can't create new tags, but you can still tag a question with existing tags.

Here's a jsfiddle with my code which is taken from the examples. In the example, you can create new tags which are what I want to limit. The user should be able to select tags only from the list that's retrieved from GitHub via ajax.

Does anybody know how to disable this functionality?

0 投票
1 回答
517 浏览

jquery-select2 - 选择对象作为回调参数

我正在尝试使用 select2 jquery 插件,为了格式化结果,我找到了templateResult选项,可以这样使用:

我想知道回调作为参数接受的那个对象的结构和方法,但我找不到任何关于它的文档。

它是如何工作的?

0 投票
7 回答
20498 浏览

javascript - 如何以编程方式将搜索查询注入 Select2 v4?

我使用 Select2 搜索框构建了一个网络应用程序,它通过 AJAX 连接到我们的后端。搜索框将查询(比如“APPLES”)传递到后端,然后更新页面。如何以编程方式将搜索查询注入搜索框?我需要传入“val”,以便 select2 通过 AJAX 调用后端并更新页面。我确定这很明显,但我在文档中找不到。

例如,我不想强​​迫用户在搜索框中输入“APPLES”,而是希望用户单击一个按钮并将“APPLES”这个词自动填充到搜索字段中,然后更新页面。

谢谢!


根据 Kevin 的评论,我没有处于文本嵌入搜索框中并且选择器选择了正确项目的状态。如何提交(或触发)此请求,我尝试了“keydown”、“pressdown”、“submit”、“click”(清除框)等。

在此处输入图像描述

0 投票
1 回答
298 浏览

jquery-select2 - SELECT2 AJAX 未选择结果 - Ember.js Ember Cli 自定义组件

Select2 4.0.0 的 AJAX 功能似乎不起作用。它显示来自 AJAX 的结果,但是当您单击结果项时,它不会选择它。我在这方面浪费了很多时间,任何帮助都将不胜感激。

以下代码不起作用:

但是,当我在没有 Ajax 的情况下尝试它时,它可以工作并且结果被选择到输入字段中:

0 投票
4 回答
8387 浏览

jquery - Select2 v4 无法进入,按 Enter,然后选择,使用 Firefox(又名无鼠标访问)

我目前无法<select>在 Firefox (38.0.5) 中选择启用 Select2 的元素 - 换句话说,无法以<option>无鼠标方式访问选择。在 Chrome 中,您可以在表单中按 Tab 并按下enter以开始选择 Select2select元素中的项目。我没有在其他浏览器中测试过,但在提交实际的错误报告之前,我想验证其他人是否遇到同样的问题?

您可以在演示页面上复制

  • 选择2 v4.0.0
  • Twitter Bootstrap 3.3.4(虽然没有为 Bootstrap 添加任何额外的样式)
  • 火狐 v38.0.5
0 投票
0 回答
135 浏览

javascript - 在 Select2 选择框中加载附加信息

我在 select2 函数中按城市名称搜索。我想根据我从第一个 ajax 调用中获得的信息提供一些关于城市的额外信息,所以我需要以某种方式在 processResult 函数中进行另一个 ajax 调用并将结果写入“text”参数。有没有办法做到这一点?

0 投票
2 回答
9552 浏览

jquery - Select2:使用ajax数据源时添加和选择手动值

我想用 select2(4.0.0) 和 jquery(2.1.4) 实现以下场景:

  • 我有一个从外部源获取数据的选择框(Java 应用程序服务器上的端点)
  • 用户可以选择返回的值之一或提出自己的值
  • 现在,当用户提交表单并且服务器端的验证失败时,我想显示用户之前提供的所有值的表单,因此选择框应该将值发送到服务器。

为了实现这一点

  • 我使用ajax from select 从服务器查询数据
  • 我使用createTag允许用户创建自己的值
  • 我想使用initSelection用用户先前添加的值预填充选择框。

我的代码如下所示:

这工作得很好。这意味着提交后我可以在选择框中看到值名称,它是选定的值。不过,如果我再次尝试提交此表单,请求中将缺少该值。

正如这里的主题数量所建议的那样,我添加了以下行(见最后一行)。

但是在添加这个之后,值Name在 select2 框中甚至不可见。

我已经尝试修复它几个小时了,但不知何故找不到正确的解决方案。我敢打赌我错过了一些基本的东西。请帮忙!

- - [编辑]

添加数据后,即使使用val设置值,我也可以看到值 Name,但如果我重新提交表单,请求中仍然不存在该值。

--- [编辑 2]

在 html 中,我使用select来创建这个元素。

0 投票
1 回答
1415 浏览

javascript - 使用 Ajax 源设置 select2 元素初始值的简单示例?

我正在尝试设置连接到 Ajax 数据源的Select2元素的初始值。

我正在使用 Select2 的 v4,并遵循文档,其中解释了initSelection已被替换。

我已经开始尝试修改Select2 文档的“加载远程数据”部分中的示例。这是我设置初始值的代码:

我最终得到一个显示undefined (undefined). 我究竟做错了什么?

JSFiddle在这里:http: //jsfiddle.net/t4Ltcm0f/4/