jquery-select2 相关问题

Select2是基于jQuery的选择框的替代品。它支持搜索,远程数据集和无限滚动结果。

如何在select2中添加图标?

我使用select2版本4 我尝试这样: $("select02").select2({ placeholder: "分行名称", }); 但是,它不起作用 演示是这样的:http://

回答 7 投票 0

如何知道jQuery是否被加载了多次? (select2 错误)

Select2() 不是函数 了解 JQuery 是否可用的最佳方法? 大家好。我一直在尝试在我的项目中实现 select2,但收到此错误,jQuery(...).select2() 不是一个函数...

回答 1 投票 0

stopPropagation 和 PreventDefault 不适用于 select2 删除标签按钮

我想防止以下元素上的点击传播: .select2-selection__choice__remove 我试试这个: $(文档).ready(函数() { $("文档").on( “鼠标抬起”, ...

回答 1 投票 0

如何按字母顺序对 select2 标签的结果进行排序?

我想按字母顺序排序(不区分大小写),从 select2 中选择的标签。 我已经使用排序器功能对要选择的标签进行排序,但一旦选择,它们就不会显示

回答 2 投票 0

Select2 下拉菜单不显示模态内的选项,但在模态外工作

我在网络应用程序的模式中遇到了 Select2 下拉列表的问题。问题是,当我将 Select2 下拉列表放入模式中时,它只显示一个选项,但是当我

回答 1 投票 0

如何在select2标签上获取随机背景颜色?

我想在 select2 上有多个不同颜色的标签。 可以用以下方法完成 $('#select2Skills').select2({ 标签: 真实, 多重:真实, 允许清除:真,

回答 1 投票 0

使用 Select2 和 Bootstrap 进行文本截断

我目前遇到一个问题,该表单使用 Select2 与引导布局相结合,使选择看起来更好(并且更实用)。 问题是

回答 6 投票 0

Yii2 GridView 使用 Kartik Select2 作为过滤器仅显示一次

我有一个标准的 Yii2 GridView 并想在两个不同的网格列中使用 Kartic Select2 小部件作为过滤器。但它只会在一列中显示一次。在第二列中,过滤器将...

回答 0 投票 0

选择2块htmx hx-get

我在我的表单上使用 select2 选择 htmx 但由于某种原因 hx-get 不会发送任何请求,而表单字段有 select2 我试图关闭 select2 并且一切正常,所以如何...

回答 1 投票 0

如何在 Django Admin 自动完成输入中插入占位符?

当Django有其他机制时,我不想使用自己的JS或更改模板。 我尝试了三种方法,首先如中所述 如何将占位符文本添加到 django-admin-field 并在...

回答 1 投票 0

使用“shift”键选择多个项目

我使用select2 v.3.5.1,需要选择多个项目。我想知道,是否可以使用shift键选择多个项目?我不想进行多项选择,只需选择几个选项即可...

回答 3 投票 0

Select2 带有用于多选的复选框列表

我需要实现类似于此的选择http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/ 我想为此使用 select2,但我无法从

回答 8 投票 0

用给定的发送到javascript来填充select2

在一个应用程序中,我在 EntityType 中创建了一个带有字段(选择)的表单,然后将其传递给 select2,没有问题。 树枝视图看起来像所有已保存助手的数组,您可以修改他...

回答 1 投票 0

如何在Jquery-Select2中设置多值选择中的选定值?

我正在将下拉列表与 Jquery-Select2 绑定。它工作正常,但现在我需要使用 Jquery-Select2 绑定我的多值 selectBox。 我的下拉菜单 我正在使用 Jquery-Select2 绑定我的下拉菜单。它工作正常,但现在我需要使用 selectBox 绑定我的多值 Jquery-Select2。 我的下拉菜单 <div class="divright"> <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="" > <option value=" ">No illustrations</option> <option value="a">Illustrations</option> <option value="b">Maps</option> <option value="c">Portraits</option> </select> </div> 从此链接http://ivaynberg.github.com/select2/我正在使用多值选择框,我可以绑定我的下拉菜单 $("dropdownid").Select2() 它工作正常,但现在我需要在编辑模式下将所选值放入我的下拉列表中所以我使用这个示例: $(".Books_Illustrations").select2("val", ["a", "c"]); 它正在工作,但我该如何修复我的选择,因为用户可以选择任何内容。所以我不能静态地编写 a,c 这就是为什么我需要在编辑模式下动态绑定我的选定值。 我想现在你们都清楚我的要求了。如果您需要进一步的许可,请告诉我。 实际上你只需要 $.each 来获取所有值,它将帮助你jsfiddle.net/NdQbw/5 <div class="divright"> <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a" selected>Illustrations</option> <option value="b">Maps</option> <option value="c" selected>selectedPortraits</option> </select> </div> <div class="divright"> <select id="drp_Books_Ill_Illustrations1" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a">Illustrations</option> <option value="b">Maps</option> <option value="c">selectedPortraits</option> </select> </div> <button class="getValue">Get Value</button> <button class="setValue"> Set value </button> <div class="divright"> <select id="drp_Books_Ill_Illustrations2" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a" selected>Illustrations</option> <option value="b">Maps</option> <option value="c" selected>selectedPortraits</option> </select> </div> <div class="divright"> <select id="drp_Books_Ill_Illustrations3" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a">Illustrations</option> <option value="b">Maps</option> <option value="c">selectedPortraits</option> </select> </div> <button class="getValue1">Get Value</button> <button class="setValue1"> Set value </button> 剧本: var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".getValue").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue").click(function() { $(".Books_Illustrations").val(selectedValues); }); $('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2(); $(".getValue1").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue1").click(function() { //You need a id for set values $.each($(".Books_Illustrations"), function(){ $(this).select2('val', selectedValues); }); }); 我发现这篇文章很旧,但 select2 的工作方式现在已经发生了变化,这个问题的答案非常简单。 在多选2中设置值如下 $('#Books_Illustrations').val([1,2,3]).change(); 不再需要在 jquery 中指定 .select2,只需 .val 有时您不想触发 change 事件,因为您可能还有一些其他代码要执行,如果您使用上面的方法,就会发生这种情况,所以为了解决这个问题,您可以在不触发的情况下更改值像这样的change事件 $('#Books_Illustrations').select2([1,2,3], null, false); 如果这不起作用,您也可以这样做以不触发更改事件 $('#Books_Illustrations').select2(); $('#Books_Illustrations').val('some_value'); 所以我认为你想要默认选择2个选项,然后获取它的值?如果是这样: http://jsfiddle.net/NdQbw/1/ <div class="divright"> <select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple=""> <option value=" ">No illustrations</option> <option value="a" selected>Illustrations</option> <option value="b">Maps</option> <option value="c" selected>selectedPortraits</option> </select> </div> 并获得价值: alert($(".leaderMultiSelctdropdown").val()); 设置值: $(".leaderMultiSelctdropdown").val(["a", "c"]); 您还可以使用数组来设置值: var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".Books_Illustrations").val(selectedValues); http://jsfiddle.net/NdQbw/4/ 使用 select2 jquery 库: $('#selector').val(arrayOfValues).trigger('change') var valoresArea=VALUES // it has the multiple values to set separated by comma var arrayArea = valoresArea.split(','); $('#area').select2('val',arrayArea); This is with reference to the original question $('select').val(['a','c']); $('select').trigger('change'); 看看这个会有帮助的。 var valoresArea=VALUES // it has the multiple values to set, separated by comma var arrayArea = valoresArea.split(','); $('#area').val(arrayArea); 网址是- 链接 您可以将选定的值添加到 array 中并将其设置为默认选择的值 例如: var selectedItems =[]; selectedItems.push("your selected items"); .. $('#drp_Books_Ill_Illustrations').select2('val',selectedItems ); 试试这个,这肯定有效! 这行不通。即使列表中两个选项均可用,也仅预先选择一个值,仅显示第一个值 ('#searchproject').select2('val', ['New Co-location','Expansion']); 使用 select2 库有 2 种设置值的方法 1.当存在单个值时,您可以将其作为字符串传递 $("#elementid").select2("val","valueTobeset") 2.当您将 select2 与多选选项一起使用时,您可以将值数组传递给 select2,所有这些值都将被设置 var arrayOfValues = ["a","c"] $("#elementid").select2("val",arrayOfValues) 请记住,您可以通过传递数组来设置多选的单个值,也像这样 var arrayOfValues = ["a"] $("#elementid").select2("val",arrayOfValues) 使用如下多选功能。 $("#drp_Books_Ill_Illustrations").val(["val1", "val2"]).trigger("change"); 选择全部 $('select[name=eventsFilter]').find('option').attr('selected', true); $('select[name=eventsFilter]').select2(); 取消选择全部 $('select[name=eventsFilter]').find('option').attr('selected', false); $('select[name=eventsFilter]').select2(""); 不需要做那么多事情。 使用多个 select2 设置值 var selectedvalue =“1,2,3”; //如果选择了前 3 个产品。 $('#ddlProduct').val(selectedvalue); $('#area').select2().val(arrayArea).trigger('change'); 我以前很喜欢这个,我正在使用 select2 version4。我得到结果了 这对我有用: $(".Books_Illustrations").val(["a", "c"]).trigger('change'); 使用如下多选功能。 $('#drp_Books_Ill_Illustrations').multiSelect('select', 'value');

回答 16 投票 0

jQuery Select2 onkeyup 未触发

我尝试使用 AJAX 调用更新 Select2 输入字段的选项,但链接到输入字段的 onkeyup 函数未运行。 *请注意,当我设置时,onkeyup 函数会运行...

回答 3 投票 0

如何使用javascript更改选择2的背景颜色?

演示和我的代码是这样的:http://jsfiddle.net/fc1qevem/10/ 我的 JavaScript 代码是这样的: var select02 = $('#select02'); $(select02).select2({ 数据: [{ 编号: 0, 文字:“

回答 5 投票 0

Select2 TypeError:无法使用“in”运算符在ajax请求中搜索未定义的“状态”

我正在尝试在我的 Laravel 项目上使用 ajax 进行 select2,这正在发生: 控制台中出现错误 错误线 这是我的js: 导入“选择2”; 让baseurl = window.location.origin; $(窗口...

回答 1 投票 0

当我们单击“选择 2”下拉菜单时,将焦点设置到搜索文本字段

我正在使用 select2.js 版本:3.4.3 和 bootstrap 我有一个下拉菜单。 当我单击下拉菜单时,我会得到一个包含搜索文本字段的列表。 但我的光标没有集中在搜索文本字段上。 <...

回答 14 投票 0

尝试从 select2 选择选项检索数据时,未捕获类型错误:jQuery(...).counterUp 不是函数错误

我有一个select2多个框,其中包含从我的Laravel控制器压缩的“package_name”数据和“price”值,以及2个用于总价格和ordered_pacakage的文本框...

回答 1 投票 0

尝试从 select2 选择选项检索数据时,未捕获的类型错误:jQuery(...).counterUp 不是我的控制台上的函数错误

我有一个select2多个框,其中包含从我的laravel控制器压缩的“package_name”数据和“price”值,以及2个用于totalprice和ordered_pacakage的文本框,我

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.