使用JSON加载select2中的选项时，搜索不起作用
问题描述：使用JSON加载select2中的选项时，搜索不起作用。
答案：当使用JSON加载select2中的选项时，搜索不起作用可能是由于以下几个原因导致的：
- 数据格式不正确：确保JSON数据格式正确，包括正确的键值对、正确的嵌套结构等。可以使用JSON验证工具来验证JSON数据的正确性。
- 数据未加载完全：如果使用AJAX异步加载JSON数据，确保数据已经完全加载完成。可以使用浏览器开发者工具查看网络请求，确认数据是否成功加载。
- select2配置问题：检查select2的配置是否正确，特别是搜索相关的配置项。确保已经启用了搜索功能，并且配置了正确的搜索选项。
- 数据匹配问题：select2的搜索功能是基于输入内容与选项进行匹配的。确保JSON数据中的选项与输入内容匹配。可以使用控制台打印输入内容和选项数据，查看是否存在匹配的情况。
- select2版本问题：如果使用的是较旧的select2版本，可能存在一些已知的问题。尝试升级到最新版本，或者查看select2的官方文档和社区讨论，了解是否存在相关的问题和解决方案。
针对以上可能的原因，可以尝试以下解决方案：
- 确保JSON数据格式正确，并使用JSON验证工具进行验证。
- 确认数据已经完全加载完成，可以通过查看网络请求或者使用回调函数来确认。
- 检查select2的配置项，确保已经启用了搜索功能，并配置了正确的搜索选项。
- 检查数据匹配情况，确保输入内容与选项数据匹配。
- 尝试升级到最新版本的select2，或者查看官方文档和社区讨论，了解是否存在相关的问题和解决方案。
腾讯云相关产品推荐：腾讯云提供了丰富的云计算产品和解决方案，可以满足各种应用场景的需求。对于前端开发和后端开发，推荐使用腾讯云的云服务器（CVM）和云数据库（CDB）产品。云服务器提供了稳定可靠的计算资源，可以部署和运行前端和后端应用程序。云数据库提供了高性能、可扩展的数据库服务，可以存储和管理应用程序的数据。
关于JSON加载select2中的选项时搜索不起作用的具体解决方案和腾讯云相关产品的详细介绍，可以参考腾讯云官方文档中的相关内容：
- 腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库（CDB）产品介绍：https://cloud.tencent.com/product/cdb
相关·内容
2回答
我正在尝试使用json从一个php页面获取遥控器，即JSON数据：脚本是这样的：
$(document).ready(function
浏览 3提问于2014-04-12得票数 0
我尝试在select输入中使用select2 (v.4.0.10)，并通过json文件加载选项。JSON文件如下所示： "gid": "ADF1C881",}, { "name": "COMPANY"gid": &quo
浏览 9提问于2019-10-22得票数 0
3回答
我使用Select2内置AJAX加载一个小的项目列表。Select2在第一个选择(很好)上加载整个列表，但是每次用户试图更改选择或类型以筛选项时(这意味着对每个类型的信函都有一个新的AJAX请求)，就会重新加载JSON。在，我们可以读到：
默认情况下，每当用户更改搜索术语时，Select2都会触发新的AJAX
浏览 10提问于2017-01-24得票数 2
我已经开始使用Laravel-Livewire，并在其中一个组件中添加了Select2选择框库。问题是，该组件有多个选项卡，当我使用Select2输入在选项卡上加载该组件时，一切都很正常： ? 但是，如果我在其他选项卡上加载组件，或者甚至更改选项卡并返回到此选项卡，则Select2不会正确加载并返回到常规的</em
浏览 21提问于2021-09-15得票数 0
我需要做的是混合使用SELECT2提供的两个选项$("#e2_2").select2({});加载远程数据
$("#这些选项是完全不同的。当我点击Loading Remote Data字段时，会打开一个搜索选项。但我不想这样。我想要PlaceHol
浏览 0提问于2012-09-12得票数 7
2回答
select2就像我想要的一样。当另一个字段被更改时，它加载所有远程数据并正确格式化其格式。我想在检索到的数据上添加搜索函数，即一旦数据被检索，用户就可以通过标题(result.title)搜索列表。如果我不能添加搜索功能，如何禁用搜索框？如果我设置为&quo
浏览 6提问于2017-11-21得票数 0
回答已采纳
我正在使用一个jquery select2插件，我有这个设置brands.js ajax: {
url: '/data/brands-get，返回品牌的json，并返回当前用户选择的品牌。问题是，当我加载页面时，/brands视图呈现选择和一切正常，如果我单击选择-添加，我会得到正确的行
浏览 8提问于2018-07-02得票数 0
2回答
尝试使用select2插件创建两个链接的自动填充选择字段，第一个选择包含国家名称(静态选择)，第二个显示从第一个选择中选择的国家的州，我的代码是 placeholder: 'Select Country', });
$('#state').select
浏览 2提问于2015-05-15得票数 8
回答已采纳
1回答
当我在第一个列表中选择一个值时，它会更新第二个列表中的选项。只有第二个列表是一个Select2。我让它起作用了，但是Select2的搜索功能不起作用。
浏览 0提问于2019-05-17得票数 1
回答已采纳
我使用一些输入字段和下面的字段过滤结果列表： allowClear: true, ...但我不知道如何用我使用的搜索结果自动填充Select2。例如，如果我写"DEM“，我的Select2建议我”演示客户“( ID = 4)。我选择此选项</em
浏览 2提问于2018-01-24得票数 0
1回答
几个小时后，我终于加载并正确显示了json文件，包括使用Select2 4.0的旗帜图标，这看起来是多么简单的代码看起来是可笑的。
浏览 1提问于2015-06-25得票数 2
我使用的是Select2，如果我添加了带有选项标签的数据，search系统可以成功地工作，但是我用JSON导入了，它不起作用。class="form-control"></select>JS $('#allowedCategories').select2t
浏览 2提问于2021-09-25得票数 1
当我将值预加载到Select2下拉列表中时，然后展开控件，键入一个值。它过滤预加载的值。当我输入文本框时，如何配置Select2进行ajax调用(新搜索)？如果我不将值预加载到Select2中，则ajax调用就会工作。那我怎么能两者兼得呢？我使用如下内容预加载了我的select2控件：
浏览 1提问于2016-01-29得票数 3
我正在将我的rails应用程序从select2迁移到slim-select。我有一个选择菜单，用户可以在其中选择当天的位置，该菜单会将预先选择的位置加载到用户昨天保存的位置。如果他们的位置改变了，他们可以使用搜索栏搜索他们的新位置(通过Ajax加载)。这在select2中很简单。但是，在超薄选择中，这并不容易。我发现在页面<em
浏览 20提问于2021-09-14得票数 0
1回答
我使用的Select2插件如下：function initAssignmentsAjax() {
$search.trigger( 'keyup' );当我重新加载页面并从浏览器控制台使用此函数(或将其绑定到UI<em
浏览 0提问于2016-11-25得票数 0
1回答
我想在Symfony项目中使用select2，但仍然不知道如何显示结果。我的前端代码是 ajax: { dataType: 'json',
delay: 250
浏览 15提问于2016-09-19得票数 0
我正在尝试集成select2 for JqGrid过滤器表单。我使用的是JqGrid min 4.6和Select2 min 4.0.1。过滤器工作正常，但在关闭并重新打开筛选表单后，我无法检索通过select2设置的值。也就是说，dataInit e1不返回select输入的现有值。我一定做错什么了？1, ajax: {
浏览 0提问于2018-03-14得票数 1
回答已采纳
我使用select2 4.0.2提供一个执行AJAX查找的选择框。但我想要做的是像显示普通<select>一样显示<option>标记中的选项，直到您开始输入，然后在查询字符串为非空时通过AJAX转到服务器进行更多搜索。基本上，问题是AJAX查询有点慢，但我可以在页面加载时预加载第一个结果。我不必将其作为JSON s加载，
浏览 3提问于2017-01-10得票数 0
选项在下拉显示的末尾。点击“查看更多.”得带我去另一个单独的搜索页面。我不想使用Select2中的“自动滚动”功能。
我在Select2下拉列表旁边有一个搜索按钮，当用户在搜索框中输入一些字符时，我进行AJAX调用并显示数据。在这里，我还需要的是当用户单击搜索按钮时，我应该使用搜索
浏览 9提问于2013-03-27得票数 0
回答已采纳
我一直在做一个项目，在这个项目中，我必须从ajax调用加载select2选项。 代码工作正常，除了在搜索结果中，它总是将搜索参数显示为选项。即使数据库中没有数据，它仍然将其显示为选项，而不是显示“找不到数据”。我的代码在这里 $(".search_user").select2({
浏览 49提问于2020-08-14得票数 1
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
