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

javascript - Select2 4.0 - 替换模糊事件

我将 Select2 版本 4.0.0 用于选择框。我需要知道它何时失去焦点(并触发另一个自定义事件)。由于最新的 Select2 发布事件的更新日志已被删除。select2-blur有什么已知的解决方法吗?

0 投票
2 回答
2851 浏览

javascript - jquery select2 v4 - 在选择元素上选择默认选项

我正在使用select2 v4<select> ,其中我使用 ajax 方法将 select2 连接到一个元素。一切正常,除了我不能默认加载时选择的值。

示例页面说:

如果您需要提供默认选择,您只需为每个包含应显示的值和文本的选择包含一个选项。

在这段代码中,我想将值默认为“foo”:

标记:

这个标记是由我的 rails 视图(users/edit.html.erb)生成的:

users.js.erb 中的 javascript:

我可以在 select2 生成的标记中看到 span 有一个title填充了我的值的属性,但实际的 span 文本为空:

我还尝试了其他不推荐使用的方法initSelection,但无济于事:

我也尝试过添加这一行,但也无济于事:

我看过一堆类似问题的答案,但它们不适用于我的场景。我想是因为我使用的是select2 v4。我读过的大多数其他答案都说您要么需要initSelection结合使用val- 但那些其他示例总是使用<input>元素而不是<select>. 我在最新的文档中确实注意到了initSelection折旧,而是应该使用DataAdaptercurrent的方法,但我不知道如何将它应用到上面的代码中?

0 投票
0 回答
1044 浏览

jquery-select2 - Select2 4.0 - 使用不在数据列表中的标签进行初始化

我有一个多项选择 Select2 (v4.0) 项目初始化如下:

没有数据源,完全取决于用户输入自己的多个值。他们可以输入用户定义的值并保存回数据库,没问题。

但是,从数据库中检索时,我无法将 Select2 的值设置为包含用户定义的值。我试过使用$(...).val(arrayObject).trigger('change')无济于事。我一直无法在文档中找到另一个解决方案。

如果我在 select 元素中定义了一些选项,然后使用上面的val方法和一个包含一些定义为选项的值和在选项中定义的值的数组,它只会显示选项值而不是“标签”值。例如,这个选择:

这个代码:

...将产生“1”和“2”作为选定值。

如何将 Select2 的选定值设置为不在选项/数据源中的条目?

0 投票
1 回答
495 浏览

jquery - 显示 2 个选项,然后显示“and x more”(选择 2)

我在我的网站上使用 select2。用户可以选择大约 30 个选项,当所有选项都被选中时,它看起来有点笨拙并且占用了大量空间。

So when more than 3 options is selected, I'd like it to list the first 3 options, and then show "and x more".

有没有办法做到这一点?

0 投票
1 回答
312 浏览

jquery - 无法使用 ajax 填充 Select2 v4.x

我正在使用最新版本的 select2(版本 4),我设法通过 AJAX 发出请求,并且我已经检查了响应是否正常。但是,选择不会使用在搜索中找到的结果填充其选项。也许我错过了一些东西,但我不知道,这里是代码:

0 投票
1 回答
1507 浏览

jquery - 如何克隆 select2 v4 Ajax

我正在尝试使用 Select2 ver4 jquery 插件进行 AJAX 调用,并使用加载 Select2 示例页面的远程数据我正在尝试克隆一个包含 select2 工具的选择。但是克隆时 select2 下拉菜单被禁用。

代码

jQuery代码

0 投票
1 回答
491 浏览

jquery - Select2 v4 克隆不传递数据

我正在尝试使用 Select2 ver4 jquery 插件和使用 Select2 示例页面的加载远程数据进行 AJAX 调用。我正在尝试克隆一个包含 select2 工具的选择。 在问题 克隆选择之前,好的顾问已经工作了!!谢谢!

但是克隆元素不能使用新的 AJAX(test.php)。

代码

jQuery代码

test.php 代码

0 投票
1 回答
30961 浏览

jquery - Select2 v4 如何使用 AJAX 对结果进行分页

我正在尝试使用 Select2 4.0 对结果(每 25 行)进行分页,但我不知道如何实现。有人知道怎么做吗?

如果用户到达 25 行的末尾并且还有更多行,我想加载它并显示它。

这是我的 HTML 模板

这是 Select2 的 JavaScript。

这是我的控制器的代码

此外,当我试图把params.page它说成“未定义”时。

0 投票
1 回答
977 浏览

javascript - 如何使用 Select2 4.0 使下拉菜单向左打开

我在 jsfiddle 中看到了一个示例,如果屏幕太小,下拉框会向左打开:

原始片段在这里:

我正在使用 select2 4.0 完整版,我希望有相同的行为。此外,我希望我的下拉框也总是向左打开,但即使代码相同,由于库版本不同,我也无法做到这一点:

我在这里搜索并阅读了问题,但我发现的只是当页面太小时防止下拉菜单切换到下拉菜单的方法,这不是我想要的。

我怎样才能做到这一点?

0 投票
2 回答
204 浏览

php - 如何将 ActiveDataProvider 与 select2 一起使用?

我正在尝试将 jquery-select2(加载远程数据)插件与 Yii2 搜索模型一起使用。截至目前,我的控制器返回从搜索模型创建的 $dataProvider。但是,它显然不是 select2 可以用来创建下拉列表的格式。

我需要对 $dataProvider 或 select2 做什么才能使两者协同工作?

在我看来,有两种选择:

  1. 从 $dataProvider 中提取“cat_name”并将其放入 select2 可以使用的格式。
  2. 教 select2 如何读取 $dataProvider。

我不确定我会怎么做 2,我怀疑它会使“标记”功能难以实现,因此我倾向于 1。

任何帮助,将不胜感激。

这是我的代码:

控制器端

JS端