Select2是基于jQuery的选择框的替代品。它支持搜索，远程数据集和无限滚动结果。
我尝试使用 AJAX 调用更新 Select2 输入字段的选项，但链接到输入字段的 onkeyup 函数未运行。 *请注意，当我设置时，onkeyup 函数会运行...
演示和我的代码是这样的：http://jsfiddle.net/fc1qevem/10/ 我的 JavaScript 代码是这样的： var select02 = $('#select02'); $(select02).select2({ 数据： [{ 编号: 0, 文字：“
Select2 TypeError：无法使用“in”运算符在ajax请求中搜索未定义的“状态”
我正在尝试在我的 Laravel 项目上使用 ajax 进行 select2，这正在发生： 控制台中出现错误 错误线 这是我的js： 导入“选择2”； 让baseurl = window.location.origin; $(窗口...
我正在使用 select2.js 版本：3.4.3 和 bootstrap 我有一个下拉菜单。 当我单击下拉菜单时，我会得到一个包含搜索文本字段的列表。 但我的光标没有集中在搜索文本字段上。 <...
尝试从 select2 选择选项检索数据时，未捕获类型错误：jQuery(...).counterUp 不是函数错误
我有一个select2多个框，其中包含从我的Laravel控制器压缩的“package_name”数据和“price”值，以及2个用于总价格和ordered_pacakage的文本框...
尝试从 select2 选择选项检索数据时，未捕获的类型错误：jQuery(...).counterUp 不是我的控制台上的函数错误
我有一个select2多个框，其中包含从我的laravel控制器压缩的“package_name”数据和“price”值，以及2个用于totalprice和ordered_pacakage的文本框，我
我有一个带有单个选择字段的表单。我已将 select2 附加到它。通过 Javascript，我在客户端本身添加/删除更多此类字段。随机地，添加的字段之一会丢失这些...
<head> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script> </head> 기본형 <br> <div> <select class="js-example-basic-multiple" name="states[]" multiple="multiple"> <option value="apple">apple</option> <option value="banana">banana</option> <option value="melon">melon</option> </select> <script> $(document).ready(function() { $('.js-example-basic-multiple').select2(); }); </script> </div> <br> 넓이 조절 <br> <div> <select class="js-example-basic-multiple" name="states[]" multiple="multiple" id="test2" style="width: 75%"> <option value="tommy">Tommy</option> <option value="jason">Jason</option> </select> <script> $(document).ready(function() { $(#test2).select2({ width: 'resolve' }); }); </script> </div> <br> 라벨 붙이기 <br> <div> <label for="id_label_multiple">라벨 샘플 <select class="js-example-basic-multiple js-states form-control" name="states[]" multiple="multiple" id="test3" style="width: 75%"> <option value="tommy">Tommy</option> <option value="jason">Jason</option> </select> </label> <script> $(document).ready(function() { $(#test3).select2({ width: 'resolve' }); }); </script> </div> 以上代码取自：here。它适用于 codepen 和 stackoverflow。所以代码可以工作，但是当我将相同的代码复制到我的网络应用程序中时，无法按下按钮。我认为有一些原因导致该元素不可点击。可能的原因应该是什么？ 单击按钮上的检查，DOM 树将我带到与所需元素不同的元素。 .select2-selection__rendered { pointer-events: none; } 这阻止了按钮被点击。
我在设置“Select2”的选定值时遇到问题。 当我传递以逗号分隔的 id 值时，它可以工作。但如果类似数组的传递不起作用。 这是我的选择 我在设置“Select2”的选定值时遇到问题。 当我传递以逗号分隔的 id 值时，它可以工作。但如果类似数组的传递不起作用。 这是我的选择 <select class="form-control" id="myselect" multiple="multiple"> <option id="1">Value1</option> <option id="2">Value2</option> <option id="3">Value3</option> <option id="4">Value4</option> <option id="5">Value5</option> </select> 有效 $("#myselect").select2().select2('val', [1,2,3]); 但这行不通 var array_selection = [1,2,3]; $("#myselect").select2().select2('val', [array_selection]); 您正在将 array_selection 数组放入另一个数组中。改变 var array_selection = [1,2,3]; $("#myselect").select2().select2('val', [array_selection]); 到 var array_selection = [1,2,3]; $("#myselect").select2().select2('val', array_selection); 我认为在设定值.trigger('change')后添加$("#myselect").select2().select2('val', array_selection).trigger('change');会起作用 或者像这样 var array_selection = [1,2,3]; $("#myselect").select2().val(array_selection).trigger('change');
我已经下载了 select2 并通过将其放入我的文件夹中来“安装它”。 然后我将其加载到我的网站上，当我检查控制台时，我可以看到文件 select2.js （我在其中看到所有
在ajax获取内容中使用JS select2 init加载eModal不会第一次被调用
我接手了一个项目，遇到了以下问题。 当点击按钮加载eModal时，通过ajax获取的文件中的JS将select变成select2倍数不是
我知道 select2 不存在“只读”功能。请检查这里。 我该如何实现这一目标？ 任何帮助，将不胜感激。 谢谢。 注意：我不能使用禁用。如果我使用残疾人，我不会...
如何初始化具有相同类的页面上的所有 Select2 下拉列表
我正在使用 http://ivaynberg.github.io/select2/ 中的 Select2 现在我正在初始化下拉菜单，如下所示： $(文档).ready(函数() { $('.form_control').select2({ </desc> <question vote="2"> <p>我正在使用来自 <a href="http://ivaynberg.github.io/select2/" rel="nofollow">http://ivaynberg.github.io/select2/</a></p> 的 Select2 <p>现在我正在初始化下拉菜单，如下所示：</p> <pre><code> <script> $(document).ready(function() { $('.form_control').select2({ minimumResultsForSearch: -1 }); }); </script> </code></pre> <p>问题是，我有一个页面动态生成基于下拉菜单的订单，因此我将在同一页面上有多个具有相同类的下拉菜单和表单，如下所示：</p> <pre><code><select id="order_status" class="form-control" name="order_status"> <option value="">Option 1</option> <option value="">Option 2</option> </select> </code></pre> <p>当我这样做时，第一个下拉列表初始化得很好，但同一页面上的所有其他下拉列表都没有初始化。如何让它初始化所有 form_control 下拉列表？</p> <p>JSFiddle：<a href="http://jsfiddle.net/hryoy8rc/1/" rel="nofollow">http://jsfiddle.net/hryoy8rc/1/</a></p> </question> <answer tick="false" vote="4"> <p>它是当前版本中的一个错误，我在使用 4.0.0 时遇到了同样的问题，它将解决您的问题： <a href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js" rel="nofollow noreferrer">https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js</a></p> </answer> <answer tick="false" vote="3"> <p>尝试下面的代码...</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>$('.form_control').each(function(index, element) { $(this).select2({ minimumResultsForSearch: -1 }); });</code></pre> <pre><code><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="order_status" class="form-control" name="order_status"> <option value="">Option 1</option> <option value="">Option 2</option> </select></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>我最终为每个下拉列表提供了一个动态生成的 ID，例如 drop_003，然后在主体内将其初始化，如下所示：</p> <pre><code><script> $('#drop_003').select2({ minimumResultsForSearch: -1 }); </script> </code></pre> </answer> <answer tick="false" vote="0"> <p>我正在使用 Select2 4.0.2 版本，此代码片段对我有用。它将把页面中的所有 select 元素初始化为 Select2。</p> <pre><code>$(document).ready(function () { $('select').select2(); }); </code></pre> </answer> <answer tick="false" vote="0"> <p>为了动态生成框，我必须实际循环选项而不是使用助手。</p> <p>解决方案在这里：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$('.myselect').select2(); </code></pre> <pre><code><link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script> <form action="" method="POST" role="form"> <p> working boxes </p> <select class="form-control myselect"> <option>Service 1</option> <option>Service 2</option> </select> <br> <br> <select class="form-control myselect"> <option>Service 1</option> <option>Service 2</option> </select> </form></code></pre> </div> </div> <p></p> </answer> </body></html>
我正在努力解决有关我创建的编辑页面的下拉列表的问题。文本字段很好并且总是加载，但是下拉菜单确实是间歇性的，有时会加载一些......
我有一个带有 GET 方法的 API sewatanah/getprovinsi，它将返回： [{"id":"0","text":""},{"id":"11","text":"ACEH&...
我为 Select2 Selection 创建了一个自定义适配器，我想在其中直接在选择而不是下拉列表中显示输入字段。 $.fn.select2.amd.define('SearchableSingleSelection', [ '选择...
使用 select2 时不显示下拉列表（使用 Thymleaf 和 Bootstrap5）
我的脚本代码如下 函数查找部门（）{ $("#department").select2({ dropdownPosition: '下方', 占位符：“部门”， 允许清除：真， ...
举个例子。如果有一个选项是“Eyes Nose”，那么我想搜索输入为“Ey No”的选项。 Select2 无法在此处建议该选项。 默认情况下，如果我们只是...
我有一个使用 Jquery 插件 Select2 的下拉菜单。下拉工作正常。问题是我有几个使用 Select2 插件的下拉列表。所有这些下拉菜单都具有相同的类名。我...
使用 bootstrap 5.2 将 select2 包裹在输入组中时，强制 select2 保持在 col 约束内
图像显示了实际发生的情况。这只会发生，因为我尝试将 select2 与 bootstrap5 输入组一起使用。 在输入组中尝试 flex-wrap: nowrap 最终会推动刷新对接......