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

php - Kartik/Krajee Select2 not disabled

Setting Select to to 'disabled' does not disable the element. The user can still click on the text of Select2 and the options box opens up. Here is a disabled control that was opened by clicking on the text and not the down-arrow button.

Disabled Control:

Here is my code:

Clicking on the down-arrow button keeps the control closed, but clicking on the text area of the control opens the options box.

UPDATE Found my own mistake - see answer below.

0 投票
0 回答
574 浏览

oracle - 用于 oracle Apex 版本 5.0.3 的 Select2 版本 2.6.4 插件

当我在 oracle apex 5.0.3 上将插件导入我的工作区时,不会发生错误。然后我尝试在我的项目的模式窗口中使用项目插件。如果检查了延迟加载,则窗口上不会出现任何内容。如果没有检查延迟加载,那么它会出现在没有插件功能的窗口上。就像我使用了标准顶点项目中的选择列表一样。

我在 oracle apex 5.0.0 版中尝试过同样的方法,它工作正常。

0 投票
2 回答
137 浏览

javascript - Jquery Select2 动态生成

单击加号按钮时,我想生成 Jquery select 2。看下面的截图

在此处输入图像描述

附加功能和删除行从侧面完美运行。

我正在初始化一个不显示的 div 来附加 HTML。

像下面一样,,,

单击按钮加号时,我正在使用上面的 HTML 并将其绑定到加号按钮的底部。

jQuery....

但是新的动态 Select2 不起作用....

点不了。。。

问题是什么?

0 投票
3 回答
6400 浏览

jquery - 使用 select2 的多个选择元素无法正常工作

请注意,这不是关于具有属性的<select>元素,而是一个表单中的多个 s,我在这里没有发现这个问题。multiple<select>

看到这个代码笔

我有两个<select>具有唯一 ID 和名称的元素。在这两个元素上,我也使用了 select2。我原以为两者会启动相同的行为,因此会使用相同的 jQuery 代码。两者确实启动了 select2 但后者没有显示<option>标签中包含的任何选项。它只显示“未找到结果”消息。

问题:我很确定这个很简单,但是任何人都可以告诉我代码有什么问题吗?应该怎么写?

这是html:

这是jQuery代码

0 投票
1 回答
520 浏览

javascript - 加载页面时将值发布到相关下拉菜单

搜索这个网站后,找到了一种使用ajax轻松制作依赖下拉菜单的方法(之前使用过“kartik依赖下拉菜单”插件,但它不适用于select2,因此需要自定义解决方案)。当从父下拉列表中选择任何选项时,我可以使依赖(子)下拉菜单正常工作,但在加载页面时无法显示依赖下拉菜单(需要先单击父下拉列表中的某个选项)。这是代码:

这是 test_ajax.php 源代码:

我应该如何修改代码,以便在加载页面时将初始值 ( <option value="2" selected>something good</option>) 发布到 test_ajax.php (因此页面加载时子下拉列表不为空)?

在此页面上找到了一些示例,但它们是针对 select2 的 3.x 版本的,并且示例中使用的函数在 4.x 版本中已弃用

0 投票
1 回答
679 浏览

javascript - 如何覆盖 select2.js 元素之一的 z-index?

我有 4 个元素(元素 1 位于固定标题中,元素 2、3、4 在我的表单中),其中我应用了select2(支持搜索的可自定义选择框)。但是元素 2,3,4 与元素 1 重叠,我只需要为元素 1 设置z-index,如果我在select2.js中更改它,它将应用于所有元素,所以元素 1 应该打开元素 2,3,4 的顶部

0 投票
1 回答
191 浏览

jquery - 使用 jquery 添加值以选择标签

我正在使用 select2 插件。我正在编写应用程序的基本 CRUD 操作。当我尝试使用未显示的选定值重新填充选择标签时,我无法理解编辑中的一件事。我正在这样做

使用 select2 插件的选择标签

有什么我做错了吗。我试图显示用户在创建时选择的值

[目的]

0:对象

编号:“569dece31dff7b8416004ae3”

文字:“ABC”

原型:对象

长度:1

原型:数组[0]

0 投票
1 回答
1341 浏览

javascript - 排序select2中的波兰字母

在@Rory McCrossan 的帮助下,设法创建了这样一个脚本来对选择字段中的值进行排序。但是,仍然存在一个问题 - 对波兰语字符的支持。有没有可能也被考虑在内?

代码:

JSFIDDLE

0 投票
1 回答
1423 浏览

javascript - Select2 - 输入时开始 ajax 搜索

我有一个用于搜索(远程数据)的 Select2 输入。目前,它的工作原理是这样的:

当用户再输入 1 个字符时,我们会自动触发搜索

现在,有趣的部分:

我需要添加以下行为:

当用户专注于这个输入并点击 Enter 按钮时,我需要用一个字符“*”触发搜索,但实际上没有在输入中写入该字符。

它应该只发送带有字符 * 的搜索请求,但输入应该保持为空。

如果不弄乱 Select2 代码,这是否可能?

我的代码:

0 投票
2 回答
2454 浏览

javascript - 选择 2 添加附加参数以选择选项

我需要<option></option>select2 从 ajax 数据生成的标签的附加参数。

我的 select2(咖啡)的 ajax 参数:

结果数据结构:

默认情况下,select2 只提供idtext参数,并且 select 看起来像这样:

我想添加额外的数据(价格和重量),例如,参数参与计算并且仅text在不足时标记

如果标签不可能<option></option>,如果我把,例如,<span></span>放在里面<option>并添加参数,那将是正常的<span>