jquery-select2 相关问题

Select2 - 在悬停时打开下拉列表

我希望我的 Select2 下拉菜单在我悬停在下拉按钮/下拉选项上时打开，并在我不再悬停在下拉按钮/下拉选项上时关闭。 打开悬停作品

Select2 不使用值填充隐藏字段

我的 WordPress 插件中有 select2，当我在字段中输入并单击它们时，我能够搜索页面。你知道那是怎么回事。 问题是我选择的页面的 ID...

Select2 改变 quietMillis/动态延迟

我在 select2 中有一个非常简单的条件问题：如果没有搜索查询，立即获取请求，否则如果有搜索查询 - 自上次按键后等待 2000 毫秒并获取

Net Core 和 Ajax - Select2 返回 null

我想用ajax在select2中发布选中的值。但是在控制器端，值返回空。 功能更新城市（）{ var cities = $("#selected-</desc> <question vote="0"> <p>我想用ajax在select2中发布选中的值。但是在控制器端，值返回空。</p> <pre><code>&lt;script&gt; function UpdateCities() { var cities = $(&#34;#selected-cities&#34;).val(); $.ajax({ url: &#34;/Admin/MyBusinesses/UpdateCities&#34;, data: cities, type: &#34;Get&#34;, success: function () { } }) } &lt;/script&gt; </code></pre> <p><a href="https://i.stack.imgur.com/09R8d.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzA5UjhkLnBuZw==" alt=""/></a></p> </question> <answer tick="false" vote="0"> <blockquote> <p>我想用ajax在select2中发布选中的值。但在 控制器端，值返回空。</p> </blockquote> <p>由于不匹配的键值对（城市）和缺乏适当的序列化，您得到空结果，因为默认情况下 MVC 控制器无法识别 FormBody，而 API 控制器可以。</p> <p>因此，有许多方法可以解决这个问题。然而，最简单的方法是在控制器中传递带有参数名称的参数以及 <a href="http://api.jquery.com/jquery.ajax/#jQuery-ajax-settings" rel="nofollow noreferrer">traditional: true</a> 这将启用当前缺少的序列化。</p> <p>正确的方式：</p> <pre><code> function UpdateCities() { alert(&#34;click&#34;); /* var cities = $(&#34;#selected-cities&#34;).val();*/ var cities = [34, 50] console.log(cities); $.ajax({ url: &#34;/Admin/MyBusinesses/UpdateCities&#34;, type: &#34;Get&#34;, data: { cities: cities }, traditional: true, success: function () { } }) } </code></pre> <p>输出：</p> <p><a href="https://i.stack.imgur.com/vrMGi.gif" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3ZyTUdpLmdpZg==" alt=""/></a></p> <p><strong>注意：</strong> 您可以在 Jquery 官方文档中获得<a href="https://api.jquery.com/jquery.ajax/#jQuery-ajax-settings" rel="nofollow noreferrer">更多详细信息</a>.</p> </answer> </body></html>

突出显示最后一个嵌套项而不是自定义 Select2 容器本身

我使用 AJAX 请求填充 Select2 框。在填充框时，我遵循与此处示例非常相似的方式。 Select2 突出显示整个容器而不是每个

如何使克隆的 select2 字段工作？

我有两个 select2 字段，它们在表单内用作动态搜索引擎。我需要克隆此表单，以便用户可以在这两个有效的字段中添加多个条目并进行过滤...

我希望 select2 选项的文本在左侧和右侧溢出

我想要 select2 选项文本拆分 (||)，第一部分（例如 Mikkel A. Larsen）在左侧对齐，第二部分（例如 Paramediciner、Administration）在右侧对齐

如何在 django-select2 中使用 metronic select2 样式

我有一个表单，我用 django-select2 在模板中渲染它，我还下载了一个带有 css 和 js 文件的 metronic html 模板，它们在那里有 select2 样式 但是 select2 它不是 ...

Selectable optgroup using select2

我已经使用 select2 从下拉列表中选择多个选项，但是 select2 可以选择完整的 optgroup 吗？我想要的是当用户选择选项组时所有的子选项......

在 laravel 中使用 select2 和 ajax 插入多个输入字段

我正在尝试使用单个选择请求根据搜索词“名称”从数据库中检索数据，并使用 select2 填充我的输入字段，这样我就不需要填写 fo...

将欧芹与 Select2 搭配使用

我是两个图书馆的新人。我开始在某些选择中使用 select2 并且工作正常，然后我想验证表单并使用 Parsley。 验证工作正常，但我在使用 CSS 类时遇到了一些问题...

Laravel Livewire select2 在表单上具有可变数量的选择菜单

我在我的 laravel livewire 项目中使用 Select2 作为下拉菜单。它似乎工作得很好，但我遇到了一个包含可变数量下拉菜单的动态页面的问题。我是……

更改在 Angular 中使用 Select2 创建的下拉菜单的字体/背景颜色？

我正在做一个项目。我想更改使用 select2 创建的下拉列表的背景/字体颜色。我想根据 ID 或 canonicalValue 更改颜色。 下面是代码...

Select2 下拉位置上方或下方不起作用

我用的是select2 4.0.6-rc.0版本。 我在模态 (.modal-body) 内的 select2 字段中添加了搜索选项 每当有人从该输入框中选择某些内容时，它就会在表格中添加一行。 ...

Vue条件渲染

我正在使用 Vuejs。我有一个带有多个 select 和 select2 类的选择输入。 1

为什么 Select 2 jquery 插件不能在 Bootstrap 模式中工作？但它在页面的任何部分都可以正常工作，超出 modal

$（文档）.ready（函数（）{ $('.js-example-basic-single').select2(); dropdownParent: $('#exampleModal') }); ... $(document).ready(function() { $('.js-example-basic-single').select2(); dropdownParent: $('#exampleModal') }); <div class="container text-center"> <div class="row"> <div class="col-sm"></div> <div class="col-sm"> <div class="card text-center"> <div class="card-header"> </div> <div class="card-body"> <select class="form-select js-example-basic-single" aria-label="Default select example"> <option selected>--select--</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> inside modal </button> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <select class="form-select js-example-basic-single" aria-label="Default select example"> <option selected>--select--</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> <div class="modal-footer"> </div> </div> </div> </div> </div> <div class="card-footer text-muted"> </div> </div> </div> <div class="col-sm"></div> </div> </div> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script> 我正在尝试在 Bootstrap 模式中运行 Select 2 jquery 插件，但它在模式内部不起作用，只能在模式范围之外工作。我已经从该站点尝试了许多解决当前相同问题的方法，但是所有方法都没有用。请帮助我 $(document).ready(function() { $('.js-example-basic-single').select2({dropdownParent: $('#exampleModal')}); }); <div class="container text-center"> <div class="row"> <div class="col-sm"></div> <div class="col-sm"> <div class="card text-center"> <div class="card-header"> </div> <div class="card-body"> <select class="form-select js-example-basic-single" aria-label="Default select example"> <option selected>--select--</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> inside modal </button> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <select class="form-select js-example-basic-single" aria-label="Default select example"> <option selected>--select--</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> <div class="modal-footer"> </div> </div> </div> </div> </div> <div class="card-footer text-muted"> </div> </div> </div> <div class="col-sm"></div> </div> </div> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

使用浏览器后退按钮后，Select2 下拉菜单不起作用

我目前正在开发一个包含多个 Select2 下拉菜单的搜索页面。下拉列表在第一页加载时效果很好，但只有当有人搜索然后点击 b 时才会出现问题...

如何将按钮放入 select2 结果项并处理其点击？

我正在尝试将一个按钮放入 select2 结果项中（以允许用户删除项）。我设法放置了按钮，但我还没有设法处理它们的点击事件。不知何故事件

Select2 消失，添加动态形式后

我有一个关于 select2 的问题，发生的事情是我有一个几乎没有 select2 的动态表单，但是每次我单击 addNewItembtn 之前的字段的 select2 功能都会消失。 这是...

将 select2 附加到新元素

请告诉我如何将 select2 处理程序连接到追加或加载的新元素。 $(".js-example-basic-single").select2(); $(文档).ready(函数() { $("body").append(' 请告诉我如何将 select2 处理程序连接到追加或加载的新元素。 $(".js-example-basic-single").select2(); $(document).ready(function() { $("body").append('<select class="js-example-basic-single"><option>1</option><option>2</option><option>3</option></select>'); }) select { width: 100px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.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> <body> </body>