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

javascript - 搜索时的Jquery select2自定义javascript函数

我的页面中有多个 select2。我有一个特定的 ajax 引擎,由于很多原因无法更改它。我想在最终用户在字段中键入时填写每个 select2 下拉列表,并使用自制的 javascript 填写 select2 中的“选项”。

我已经尝试了许多在网上找到的不同的东西,但找不到适用的语法。

例如 :

我已经尝试过“ajax:”和其他一些东西,我找不到填充东西时如何触发 javascript 函数。重要提示:我应该能够填充字符串,以便将其传递给我的 ajax 调用

谢谢你的帮助

0 投票
2 回答
120 浏览

javascript - 如何将 select2 设置为特定值?

我有一个网站。在那里,您可以手动转到特定站点,也可以使用下拉菜单 (select2) 转到那里。如果我手动去那里(链接),我想将下拉列表中的值更改为站点之一。

这是我的 select2 代码:

你能给我一些提示吗?

我尝试通过以下方式设置值: $("#siteSelect").val(siteName);

每一个帮助表示赞赏!

0 投票
8 回答
15147 浏览

jquery - 如何禁用select2中的标题

我有一个如下所示的 select2 下拉列表:

它从我的 html 模型中获取它的值:

一切正常,除了当我选择一个项目并加载它时,我可以将鼠标悬停在下拉菜单上,它会显示项目的 ID。我不想出示身份证!

在此处输入图像描述

在图片中,当我将鼠标悬停在“冰茶”上时,您会看到下拉列表和项目编号

我知道这是因为 select2 获取 id var id = e.params.data.title;,但是我该如何更改呢?它不适用于 var id = e.params.data.id;

我尝试使用工具提示,但我对此并不陌生。

我只想在悬停时摆脱下拉列表中的 ID。感谢您的每一次帮助。

0 投票
1 回答
839 浏览

jquery - JQuery Select2 cloning

I have set up a JSFiddle to demonstrate my issue.

I have changed the way I am cloning to make it more universal, so I dont need to reuse code for different tables. Normally, for the select2 element, I would do something like this

Which means I do not need to destroy it. However, in this instance, it does not seem to work. As you can see in the fiddle, when a row is added, the select on the second row does not function. It seems to be create two spans.

Is there any way I can get this working?

Thanks

0 投票
0 回答
380 浏览

java - 如何使用 Scala 和 BootStrap 单击 Selenium 中的第一个 Select2 元素

我正在使用 ScalaTest、FlatSpec 和 Selenium 进行测试,这是一个带有 Bootstrap3 和 JQuery 的 Scala 应用程序,并且我在 Select2 元素上遇到了奇怪的行为。

当我想单击 Select2 元素时,我会尝试以下选项:

或者

或者

所有这些可能性都很好,但我发现了一个例外。

这是我使用 BootStrap 3 定义的 Select 元素:

当我想单击第一个 Select2 (mySelect1) 时,我得到了经典错误:

InvalidElementStateException:元素被禁用,因此不能用于操作

但是当我单击其他两个(mySelect2 和 mySelect3)元素时,效果很好。只有第一个会引发错误。

如果我更改定义顺序,则会在第一个上再次重现该行为。不是其他人。

最后,如果只点击第二个和第三个,忘记第一个,我没有任何错误,它工作正常。

这是一个错误吗?有人发现过这样的吗?它发生在 Chrome、Firefox 和 IE 上。

0 投票
1 回答
549 浏览

jquery - 使用 select2 将远程数据加载到输入文本中

我试图用 select2 加载远程数据,但它不工作。

我的输入文本如下所示:

我的 select2 初始化:

我的 json 看起来像这样:

我正在加载选择完整

希望你能帮助提前谢谢

0 投票
1 回答
1089 浏览

javascript - select2 显示第一个选项而不是占位符

我的 .cshtml 中有这个

Model.ClockingLocations= 列表Clock

这是我准备好的文档的jquery

但是,我的选择列表仍然显示我的第一项Model.ClockingLocationswhenm.Attendance.Time02InId没有价值,而不是我的占位符。

0 投票
2 回答
9532 浏览

javascript - Select2 - 通过 ajax 调用传回附加数据

好吧,我觉得我在这里要疯了。我正在使用 select2 jquery 插件(版本 4),并通过 ajax 检索数据。所以你可以输入一个名字,它会返回那个联系信息。但我也想返回该联系人所属的组织。

这是我的 select2 初始化:

这是我要返回的数据(laravel 框架):

那么'org'不应该附加到创建的选项或select2的选择元素吗?所以我可以做类似的事情$('#contact_id').select2().find(':selected').data('data').org$('#contact_id').select2().data('data').org类似的事情?

理想情况下,这看起来像:

我发誓我上周确认这有效,但现在它完全忽略了该 org 属性。我已经确认返回的 json 数据确实包含具有正确 org_id 和 org_name 的 org。我无法在网上挖掘任何东西,只有这个文档片段:

每个对象都需要 id 和 text 属性,这些是 Select2 用于内部数据对象的属性。与数据对象一起传递的任何其他参数都将包含在 Select2 公开的数据对象中。

那么有人可以帮我解决这个问题吗?我已经为此浪费了几个小时。

编辑:由于我没有得到任何回复,我目前的计划是使用processResults回调来生成隐藏的输入字段或 JSON 块,稍后我将在我的代码中引用它们。鉴于这种情况,我觉得这是一个 hacky 解决方案,但如果没有其他办法,那就是我会做的。我宁愿那样做,而不是做另一个 ajax 调用来获得组织。当我开始实施它时,我将发布我的解决方案。

0 投票
2 回答
1586 浏览

ajax - Select2 和 Ajax 加载,搜索但我无法在 Yii2 框架中选择结果

我正在使用:从教程加载 Select2 和 Ajax:http: //demos.krajee.com/widget-details/select2#usage-ajax

我有一个问题,脚本有效,但我无法选择一个值。我可以搜索,但我想从结果中进行选择。我单击一个,没有任何反应,值没有输入。

形式:

控制器:

问题出在这一行:

工作然后我将代码编辑为:

0 投票
1 回答
956 浏览

concatenation - ajaxform select2 concatenate multiple IDs

I have a select2 search form with an ajaxform that concatenates new form entries into the original select2 search form. If more than one new entry is added, the new text values concatenate correctly into the search field, however, any new hidden ID replaces the existing one. It appears to be added because all new text values shows in the select2 search field. I think the issue is that the new ID should be concatenating to the hidden cropstageid field in addition to the text field concatenating to the search field. I'm not sure how to do this. Your help is appreciated.

*AjaxForm for new entries