jquery-select2 相关问题

如何使用 Razor 和 MVC 来使用带有多个选项的 select2

我正在尝试使用 Select2、Razor 和 MVC 框架创建一个多项选择列表。我的问题是控制器中接收数组输入的对象始终为空。前端...

如何让 select2 为两个类工作？它只是初始化第二个类

我尝试将 Select2 与两个不同的类一起使用。这两个类用于不同的形式。其中一种适用于桌面形式，另一种适用于移动形式。问题是，只是...

Select2 不显示选项

我目前正在我的 ASP.NET MVC 项目中测试 Select2.js。 对“正常”视图的第一个测试工作正常，但现在我尝试将其添加到加载的部分视图内的选择框......

在远程来源 (AJAX) Select2 中预选选项2

我正在尝试从远程来源的 select2 控件中预选 select2 中的一个选项。我正在尝试遵循文档 在远程源 (AJAX) Select2 中预选选项 我有一个...

将select2 ajax结果显示到模板中

我有 select2 在进行 ajax 调用后显示数据。 $(文档).ready(函数() { $("#citySelect").select2({ 主题：'bootstrap-5'， ...</desc> <question vote="0"> <p>我有 select2 在进行 ajax 调用后显示数据。</p> <pre><code> &lt;script&gt; $(document).ready(function () { $(&#34;#citySelect&#34;).select2({ theme: &#39;bootstrap-5&#39;, placeholder: &#34;Search for your city&#34;, dropdownAutoWidth: true, width: &#39;auto&#39;, minimumInputLength: 3, allowClear: true, async: true, ajax: { url: function (params) { return &#39;@GatewaySettings.Value.Url&#39; + &#39;/api/location/cities/&#39; + params.term; }, contentType: &#34;application/json; charset=utf-8&#34;, type: &#39;GET&#39;, processResults: function (result) { return { results: $.map(result, function (item) { return { id: item.id, text: item.city }; }), }; } } }); }); &lt;/script&gt; </code></pre> <p>我可以搜索城市列表</p> <p>我希望活动搜索结果显示为城市 + ', ' + 州 + ' ' + zip（即洛杉矶，加利福尼亚州 90001），选择后仅显示城市（即洛杉矶）。</p> <p>我正在尝试遵循文档，但我不断得到未定义的结果。</p> <p><a href="https://i.stack.imgur.com/NVBqi.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL05WQnFpLnBuZw==" alt=""/></a></p> <p>这是控制台的输出 <a href="https://i.stack.imgur.com/bdC6m.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL2JkQzZtLnBuZw==" alt=""/></a></p> <p>我确信我只是不明白如何使用<a href="https://select2.org/dropdown#templating" rel="nofollow noreferrer">模板</a>。</p> <pre><code> &lt;script&gt; $(document).ready(function () { $(&#34;#citySelect&#34;).select2({ theme: &#39;bootstrap-5&#39;, placeholder: &#34;Search for your city&#34;, dropdownAutoWidth: true, width: &#39;auto&#39;, minimumInputLength: 3, allowClear: true, async: true, templateResult: function (item) { console.log(item); return item.city + &#39;, &#39; + item.state + &#39; &#39; + item.zip; }, templateSelection: function (item) { return item.city }, ajax: { url: function (params) { return &#39;@GatewaySettings.Value.Url&#39; + &#39;/api/location/cities/&#39; + params.term; }, contentType: &#34;application/json; charset=utf-8&#34;, type: &#39;GET&#39;, cache: true, processResults: function (result) { return { results: $.map(result, function (item) { return { id: item.id, text: item.city }; }), }; } } }); }); &lt;/script&gt; </code></pre> <p>任何帮助表示赞赏</p> </question> <answer tick="false" vote="0"> <p>首先，您的 <pre><code>$.map()</code></pre> 很大程度上是多余的，并且还排除了您似乎想要使用的 <pre><code>zip</code></pre> 属性。</p> <p>您真正需要做的就是将数组嵌套在 <pre><code>results</code></pre> 属性下，以便 Select2 可以使用它。</p> <pre><code>ajax: { url: ({ term }) =&gt; &#34;@GatewaySettings.Value.Url&#34; + `/api/location/cities/${encodeURIComponent(term)}`, processResults: (results) =&gt; ({ results }), } </code></pre> </answer> </body></html>

使用AJAX的Select2出现在模态后面

我在模态中使用 Select2，但它工作得不太正常，正如您在这里看到的：https://gyazo.com/a1f4eb91c7d6d8a3730bfb3ca610cde6 结果显示在模式后面。我怎样才能解决这个问题？我已经...

使用 templateSelection 设置额外数据

当我搜索时，它可以很好地处理所有文本 ID 和徽标，但现在我想添加默认数据，我可以使用选项添加文本和 ID，但不能添加徽标 那么我如何添加来自 ar 的额外数据...

如何在 Symfony 6 中安装 select2

我正在尝试使用 select2 多选框（药丸盒）重新填充表单字段。 我想使用 CDN 安装 select2： https://select2.org/getting-started/installation#using-select2-from-a-cdn

使用纯JS设置Select2值并触发事件

我正在使用油脂猴用户脚本来重新设计 UI 并在一些奇怪的网站上自动执行初始输入，该网站使用 jQuery 和 Select2。 我处理包含两个选择的行： 组织（选项有

无法读取未定义的“已禁用”属性

我有一个 Angular JS 应用程序。在此我有一个下拉菜单，我可以通过键入并按 Enter 键来创建新选项。但是，当我按 Enter 键时，我收到一些 JS 异常 我在这里...

Select2 - 打开下拉列表后形成下拉列表时需要一个事件

我正在使用 select2 jquery 插件 我正在使用开放事件 var select2 = $('select').select2(); select2.on("select2:打开", () => { // 我想用 $('.select2-results__opt...

在 Laravel Livewire 中使用 SELECT2 插件并具有远程搜索功能

我在 Laravel Livewire (v2.4.4) 中使用 SELECT2 (v4.0.13)。 我想使用 SELECT2 通过 Laravel Livewire 通过输入一些权限来获取远程数据，就像使用内置的 ajax 功能一样。但是...

在 select2 中预选值

Texbox 使用 Select2 动态填充远程调用以及如何设置预选值。这是代码 $("#e6").select2({ 占位符：“搜索...

如何从分组选项select2中删除重复标签？

我有 2 个带有重复标签的分组选项。 选择后，每个组中的标签会出现两次。 如何避免这种重复输入？ 我准备了一个 jsFiddle 来演示这个问题....

如何在select2中添加图标？

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

如何知道jQuery是否被加载了多次？ （select2 错误）

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

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

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

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

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

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

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

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

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