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

coffeescript - Coffeescript 在选择框值更改时从列表中动态创建/调用函数

我正在使用Pixastic 库添加一些图像编辑工具。这个想法是用户可以从选择框中选择他们想要的图像或工具的一个方面,然后该工具将显示在选择框下方(我正在使用select2)并且用户可以通过滑块进行编辑。这是我到目前为止所拥有的:

This succeeds in appending the name of the editing tool and the correct slider div beneath the select box when a tool is chosen, but what I'd really like is dynamically create a slider function for that particular tool and image (there are multiple images on一个页面,每个页面都有自己的编辑工具带)。这是一个适用于“模糊”工具的滑块功能:

有没有办法扩展 imageToolsList 使它看起来像:

然后为 中的每个工具动态创建 jQuery 滑块函数imageTooler,就像 div 和滑块 div 所做的那样?

0 投票
0 回答
808 浏览

struts2 - 如何在struts2 jquery网格列中显示headerkey选项

我有一个 jsp 页面,我在 strust2 jquery Grid 中显示数据。在网格列中,有基于选择类型(下拉选择)的搜索工具。

.我的下拉列表在我的课堂上很好,并且正确显示在它的位置。

我想要的是一个类似这样的标题值(----select here--),然后是从我的类中填充的所有值。

例如。我知道如何在 struts2 中执行此操作(下面的代码),但我在 struts2 jquery 网格列中不知道这一点。现在我只能显示没有标题键和标题值的所有列表。

请帮助我解决这个问题。

0 投票
1 回答
4329 浏览

angularjs - 带有 Ajax 功能的 Angular-UI Select2 的两种方式数据绑定

AngularJS + Angular-UI Select2 与 Ajax 功能的两种方式数据绑定。

我创建了一个指令来以通用方式实现 Select2 下拉 Ajax 行为:-(它需要很少的属性来获取 formatResult、调用 formatSelection 方法和 url)。

我的问题是如何在“编辑模式”中加载值,从下拉列表中选择的值是在格式选择方法中接收的,但是在加载屏幕时,我想从绑定的相同值加载下拉列表。例子:-

0 投票
17 回答
138740 浏览

javascript - 使用 jQuery Select2 清除下拉列表

我正在尝试使用出色的Select2库以编程方式清除下拉列表。下拉列表使用 Select2query选项动态填充远程 ajax 调用。

HTML:

Javascript:

不幸的是,调用$remove.select2('val', '')引发以下异常:

我尝试设置attrvaltextSelect2 特定data功能。似乎无法让这个人清楚并以单选按钮的方式工作。有人有建议吗?

0 投票
2 回答
1480 浏览

angularjs - Angular UI / Select2 有时不加载“模型”

  1. 目标:获得一个 Select2 控件,我可以使用它为客户添加一个或多个行业。
  2. 我试过的:看到这个 plunker http://plnkr.co/edit/tqSmiE?p=preview
  3. 问题:有时数据已经与客户相关联。即它在其industries属性中的行业ID 未被select2 加载/使用。可能需要多次手动重新加载才能看到它,但对我来说,每 2-5 次重新加载就会发生一次。
  4. 预期行为的屏幕截图: 预期行为的屏幕截图

  5. 错误行为截图: 错误行为截图

  6. 第三种可能性,也是错误的: 第三种可能,也是错误的
0 投票
6 回答
152475 浏览

javascript - select2动态更改项目

我有两个链接的选择:第一个选择的每个值确定哪些项目将在第二个选择中显示。

第二个选择的值存储在一个二维数组中:

第一个选择值确定用于填充第二个选择的索引。因此,在第一个“更改”事件中,我应该能够修改 select-two 包含的项目。

阅读文档我认为我需要使用“数据”选项......但不知道该示例如何在初始化时加载数组数据,如果我在初始化后尝试这样做似乎不起作用。

HTML

0 投票
1 回答
2435 浏览

css - select2 css 加载时间过长

我在我的网络应用程序搜索页面上为多个选择字段使用了不错的Select2 。可以按公司/行业/学校搜索人员。因为每个都有数百个可搜索的值,所以加载正确的 select2 css 需要时间(大约 1 秒)。在漂亮的 select2 字段显示之前,可以看到旧的丑陋选择字段闪烁。附件是两个显示转换的屏幕截图。

这是我的视图代码:

和控制器代码:

最后,我的资产目录中有这个javascript(除了select2 css):

我能做些什么来防止这种闪烁的发生?谢谢你。

在此处输入图像描述 在此处输入图像描述

0 投票
1 回答
1447 浏览

ruby-on-rails - select2 不显示正确的选择字段

我有一个这样的表单搜索:

筛选

当我使用select2select#search_topic,这变成:

过滤器错误

这是我的 select2 代码:

我的表格:

我已将select2.jsand select2.css.scss(从 select2.css 更改名称)复制到vendor/javascriptand vendor/stylesheet

我将url('select2.png')scss 文件更改为image_url("select2.png"). 我也复制select2.pngapp/assets/images.

application.js我有//= require select2。在application.css.scss我有@import "select2";。我的代码有什么问题?

0 投票
5 回答
58786 浏览

javascript - 如何通过 AJAX Select2 下拉加载结果

我有一个简单的 select2 框,它加载一个下拉菜单。

但是,每次使用 AJAX 调用的结果打开选择菜单时,重新加载下拉菜单的最佳方法是什么?ajax 调用将返回

等等

我已经浏览了 select2 文档上的 AJAX 示例,但对于我需要的东西来说,它看起来有点过于复杂。TIA

0 投票
1 回答
4777 浏览

jquery-chosen - Select2 多值选择框未正确显示

编辑: 我已经弄清楚我的问题是针对这个特定问题的。

解决方案:对于这个特殊问题,我遇到了权限问题。由于我将 selected 和 select2 项目文件夹直接复制到我的应用程序中,显然权限不正确。解决方案是在开发时在项目中创建插件文件,或者在终端中执行 “chmod 0755 -R select2/” ,因为您使用的是 *nix 机器。就是这样。selected 和 select2 之间没有任何冲突问题或类似问题。

原帖:

我正在尝试使用 Select2 创建一个干净的多值选择框。我已经尝试过 Select2 和 Chosen.js,结果是一样的。该框无法正确显示。它显示了一个旧式丑陋的多选框,就像没有涉及任何 javascript 一样。

这是显示其显示方式的图像:http: //d.pr/i/bUa5

我想要的是一个多选框,就像这个论坛中的那个。

希望有人可以帮忙?

这是我的测试代码: