jquery-select2 相关问题

数据表行中的两个 Select2，第二个在没有结果时显示“添加”按钮，但第一个不显示

我有一个数据表，每行包含两个 select2 用于自动完成产品和计量单位。此功能工作正常，但如果未找到结果，每个 select2 必须显示添加 b...

select2 4.0 和引导工具提示

有人使用 select2 4.0 使用 bootstrap 3.x 工具提示吗？我无法再在 select2 4.0 中显示工具提示（在 3.5.2 中运行良好）。这是 HTML 代码： 有人使用 bootstrap 3.x 工具提示获得 select2 4.0 吗？我无法再在 select2 4.0 中显示工具提示（在 3.5.2 中运行良好）。这是 HTML 代码： <select name="xxx" class="select-full tip" title="some_title"> 这是 JavaScript： $('.tip').tooltip({placement: "auto", html: true}); $(".select-full").select2({ width: "100%", }); 但是，select2 元素中不会显示任何工具提示（在“正常”选择中工作正常）。我在这个网站上找到了一些解决方案，但它们只适用于旧的 select2。 检查了近3天的代码后，我发现问题是最有可能是由select2附带的CSS文件中的这一行引起的： .select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} 如果我删除这一行，工具提示可以正常工作，但 select2 元素看起来不太好（显示两个选择而不是一个）。 我还找到了部分解决方案。添加这个额外的代码片段可以解决问题，但只有在 JavaScript 本身定义了 title 时它才有效（如果从 JS 代码中删除“title”元素则不起作用）： $(".select2-container").tooltip({ title: "some static title"}); 添加了实时示例 - https://jsfiddle.net/8odneso7/ 使用引导文档和一些开发工具，我找到了解决方案。 需要在 select2 容器上创建工具提示，因为原始标签被 select2 隐藏了。原始标题属性被重新使用，您可以根据需要在服务器上渲染它。 $(".select2-container").tooltip({ title: function() { return $(this).prev().attr("title"); }, placement: "auto" }); 工作示例：https://jsfiddle.net/8odneso7/2/ 需要放置“auto”，因为顶部的选择和正文之间没有填充/边距，至少在 jsfiddle 中没有。 如果您想删除选项上的工具提示： $(".select2-selection span").attr('title', ''); 在 Bootstrap 5.2.3 和 Select2 4.0.13 中，对早期答案的以下修改通过使用父元素的委托解决了必须等待 Select2 完全初始化的问题： $('#entrySelector').select2({ ... }) .parent().tooltip({ selector: '.select2-container', trigger : 'hover', title: function() { return $(this).prev().attr('title'); } });

从 WooCommerce Checkout Country 字段重新排序国家/地区，保持状态同步

问题 我正在通过对 billing_country 和 Shipping_country 下拉字段中的国家/地区重新排序来自定义 WooCommerce 结账页面。我通过使用

自定义国家/地区下拉列表后国家/地区发生更改时如何更新 WooCommerce 结账州/省字段？

问题 我正在通过对 billing_country 和 Shipping_country 下拉字段中的国家/地区重新排序来自定义 WooCommerce 结账页面。我通过使用

在 yii2 中实现多选下拉菜单时出现完整性约束违规错误

我正在尝试使用“cornernote/yii2-linkall”和“kartik-v/yii2-widget-select2”来实现多选下拉菜单。我已遵循本指南，它适用于单个多选下拉菜单，...

Yii2 动态表单更新在 kartik-Select2 上失败

我正在使用 wbraganca 动态表单小部件。它对于“创建”操作效果很好。 让我感谢那些在 YouTube 上制作精彩教程视频的人！ 我现在正在执行更新操作。我工作...

如何使 select2 只读而不禁用？

我用asp core编写了一个视图页面，并为我的组合框使用select2。当使用禁用此行代码时效果很好： $('select').prop("禁用", true); 但它禁用并且不是只读的。我想要

yii2 kartik 小部件中的 yii2-select2 匹配器

我正在使用 yii2-select2 kartik 小部件来搜索城市，但是搜索城市的效果很糟糕，因为首先它是在单词内部搜索，但我想先搜索后者。例如我把

在 WooCommerce 中使用 Select2 的 SelectWoo 实例时遇到问题

我在 WooCommerce 中的一些自定义区域中使用 Select2，我使用一些代码来添加和删除某些类，并且除了 SelectWoo 实例之外它工作正常...

select2 表单控件在 Tab 键切换时不聚焦

尝试在字段上切换时，字段将不会突出显示。我尝试了很多解决方案，例如： .select2-selection__rendered:焦点{ 大纲：无！重要； 框阴影：0px 0px 5px 2px

Select2 在前 N 个字符后开始匹配

有没有办法让 Select2 下拉菜单仅在输入 3 个或更多字符后才出现？

在 Tabulator.js 列中通过搜索实现多选

我目前正在使用 Tabulator.js 并尝试创建一个具有多选功能和搜索选项的列。我尝试使用 Select2 库来实现这一点，但我正在运行......

从 WooCommerce 重新排序国家/地区结帐国家/地区选择 2 个下拉列表

说明： 我正在尝试自定义 WooCommerce 结帐页面上帐单地址（帐单国家/地区）下拉菜单中的国家/地区顺序。为此，我使用

在 WooCommerce 中重新排序国家/地区结帐国家/地区选择 2 个下拉列表

说明： 我正在尝试自定义 WooCommerce 结帐页面上帐单地址（帐单国家/地区）下拉菜单中的国家/地区顺序。为此，我使用

在 WooCommerce 中重新排序国家/地区结帐国家/地区选择 2 下拉列表

说明： 我正在尝试自定义 WooCommerce 结帐页面上帐单地址（帐单国家/地区）下拉菜单中的国家/地区顺序。为此，我使用

在 select2 的下拉打开时禁用自动聚焦？

我尝试禁用 select2 内输入搜索的自动焦点，特别是在移动设备上禁用键盘弹出窗口。然而，正如这里记录的： select2 将不会触发本机事件。选择...

只有一个 select2 下拉菜单启用= false

我有三个 select2 下拉菜单。我像这样禁用它们：- $('#rescues').val([]).select2('启用', false).trigger('更改') $('#first_aids').val([]).select2('启用', false).trigger('更改') $('#

select2 - 获取当前搜索文本

我正在使用 select2 并使用此查询函数从服务器获取可用选项 var收件人超时； this.loadRecipients = 函数（查询）{ 清除超时（收件人超时）；

Select2 - 设置 val IF 所选选项 ==“Apple”

我有一个 select2 下拉菜单，想知道如果选择的选项 ==“Apple”，设置值的最佳方法。 这是我的选择2 我有一个 select2 下拉菜单，想知道如果选择的选项 ==“Apple”，设置值的最佳方法。 这是我的选择2 <select id="fruit" title="fruit" name="fruit" class="form-control select2-single"> <option value="">&nbsp;</option> <option value="">Apple</option> <option value="">Lemon</option> </select> 我想要实现的是： 如果选择选项“Apple”，请将值设置为 THISVARIABLE（我从 AJAX 帖子获得响应，并希望动态设置值 这个小例子可能会给你一些学习的东西。 第一个选择就像您的 AJAX，它设置一个变量。然后它使用该变量来设置第二个下拉列表的值。 注意： 要设置选择/下拉列表的值，请将选择元素的值设置为所需选项的值。因此，每个选项都应该有一个“值”。 let theVar; const leSelect = document.querySelector('#fruit') leSelect.addEventListener('change', handle_sel_change); function handle_sel_change(e){ const leComp = document.querySelector('#computer'); theVar = leSelect.value; leComp.style.display = 'block'; leComp.value = theVar; } body{display:flex;} #computer {display: none; margin-left:20px; } <select id="fruit"> <option value="">&nbsp;</option> <option value="epple">Apple</option> <option value="remon">Lemon</option> </select> <select id="computer"> <option value="">&nbsp;</option> <option value="epple">Apple</option> <option value="remon">Microsoft</option> </select>

关于select2的问题，旧行变成常规HTML不再变成select2

我想在单击按钮时创建一个新行，并且该行应该有2个select2，由于某种原因，在初始化select2时，新行变为select2，但旧行变为常规HTML。是否