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

css - 如何更改 select2 框高度(引导程序)

在此处输入图像描述

如何更改字段的高度?

(我没有代码,不可行。我以本站为例:toster.ru/q/193633

0 投票
2 回答
3625 浏览

javascript - select2 4.0 AJAX 预填充如何?

我已经阅读了 thisthisthis以及根据文档最重要的 here,但它们都不适合我。我正在尝试使用 AJAX select2。我正在尝试制作一个通用的“选择”项目。

因此,对于所有具有data-select2-json属性的元素,我将 aselect2data-select2-json值中的 ajax URL 一起应用。

它运作良好!

效果很好

服务器发送的 JSON 格式始终如下:

它非常接近您可以在文档中找到的 AJAX 示例。我的问题是 AJAX 初始化:我想在 HTML 中添加值:

然后用 select2 (=$(this).select2({..上面的代码)初始化,但这不起作用并给我空白值:

空白值

注意:Kevin Brown 给出的解决方案也不起作用,并且给了我完全相同的结果。

&init=1另一种解决方案是在 AJAX 中使用诸如“ ”(或类似的东西)之类的参数向 URL 询问,以便服务器将发送带有附加参数的结果,例如checked: true每个值,我将select2使用这些值进行调用。

文档中没有明确说明如何预填充select2. 我应该怎么做?

这是我的其他功能:

0 投票
3 回答
14386 浏览

jquery - Change select 2 version 4 border color when it is opened

I have tried to change the border color of select 2 version 4 with when it is opened:

#xA;

Code at: http://jsfiddle.net/7c0Lm033/

Here is what I get:

select 2

As you can see I can not change the color of select 2 head color. I could not find any unique selector which can change the marked color border.

0 投票
4 回答
4265 浏览

javascript - 更改不适用于动态添加的 select2

我有一些代码可以创建一个带有 select2 元素的手风琴,该元素有一个名为 docType 的类。我也有 jquery 代码来触发选择 jquery 元素的值的事件。虽然这适用于页面加载中已经存在的 select2 元素,但它不会触发动态添加的元素。这是我的更改代码:

有谁知道为什么这种方式不起作用?

0 投票
1 回答
357 浏览

jquery - select2 选项具有相同的索引 ID

我有一个 select2 选择菜单工作(来自远程地理字节的状态),但我无法选择具有相同索引 ID 的选项。例如,如果我搜索“新”,我会得到一些选项,我可以选择第一个选项 New Albany, IN。然后,如果我输入“far”,第一个选项是 Far Hills, NJ。当我选择它时,它显示 Albany, IN,它的索引为 1。

我尝试了加载远程数据的示例,https://select2.github.io/examples.html#data-ajax。它的行为方式不同,所以我想知道我是否错误地解析了我的结果。每次搜索时,它都会返回一个索引从 1 开始的新对象。

0 投票
9 回答
29527 浏览

javascript - 如何获取select2的值:取消选择

如何使用Select2获取未选择选项的值select2:unselect

在上面的代码警报中显示'null'

我需要使用select2:unselect,因为“更改”事件会感知:select:unselect两者。

0 投票
1 回答
580 浏览

angularjs - AngularJs + select2 - 添加了空选项

自从我从 AngularJS 1.3.15 升级到 1.4.8 以来,我的所有 select2 使用中都添加了一个空选项。

我已经尝试过这里的建议:为什么 AngularJS 在选择中包含一个空选项? 和其他问题,但不能让它对我有用。

这是我的问题的一个 plunkr:http ://plnkr.co/edit/zrYCDbtSVHNt3tRZsQza?p=preview

如您所见,添加了一个空选项,在选择那里的 2 个值中的任何一个后,空选项就会消失。

相关的 HTML:

PS 我知道 ui-select2 已被弃用,但它是一个现有项目,我目前无法升级它。

0 投票
1 回答
4152 浏览

select2 - Select2 下拉菜单位置错误

我正在使用 Select2 库(版本 4.0.1),但我的选择下拉列表位置很奇怪。您可以在下图中看到。 在此处输入图像描述

您可以看到 select2 下拉列表与选择区域重叠,我可以在文档中的示例中看到它应该出现在选择的底部。这是我的代码

任何想法为什么会发生这种情况?

0 投票
1 回答
647 浏览

ruby - 使用 Capybara 进行 Select2 功能测试

我正在尝试用 capybara 编写一个 rspec 功能测试,但是在对 select2 元素进行测试时遇到了一些麻烦。看我的测试代码。使用 capybara 进行功能测试

我收到下一个错误。

谁能看到我在这里做错了什么无法弄清楚为什么餐厅没有连接到landingPages

提前致谢

0 投票
2 回答
975 浏览

php - 在集合类型 symfony 中自定义 CSS

我正在使用呈现多个选择输入的 collectionType,我想将 select2 css 类添加到我的表单中,但它不起作用。

这是具有集合的表单。

树枝是

它应该呈现这样的选择输入: 使用 select2 类1

但它呈现像常规选择输入 没有 select2 类2

这是输出的html

我也尝试通过 jQuery 做到这一点,但没有运气

如何正确附加 select2 css 类?