Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Internet explorer中的Select2 js在包含5000个数据的选择下拉列表中优化过滤性能?_Javascript_Jquery_Internet Explorer_Jquery Select2 - Fatal编程技术网

Javascript 如何使用Internet explorer中的Select2 js在包含5000个数据的选择下拉列表中优化过滤性能?

Javascript 如何使用Internet explorer中的Select2 js在包含5000个数据的选择下拉列表中优化过滤性能?,javascript,jquery,internet-explorer,jquery-select2,Javascript,Jquery,Internet Explorer,Jquery Select2,我有5000个数据列表,我必须显示为选择下拉列表。我使用Select2.js库来实现过滤器,这样就可以很容易地找到要选择的数据。它在谷歌chrome上运行良好,但在过滤数据甚至在搜索框中输入关键词方面却滞后了 这就是我现在拥有的 $('.js-example-basic-single').select2(); }); 它允许筛选筛选框中用户类型的每个字符的列表 我更改了代码,以便仅在用户在筛选器框中输入3个字符后进行筛选 代码是: $('.js-example-basic-singl

我有5000个数据列表,我必须显示为选择下拉列表。我使用Select2.js库来实现过滤器,这样就可以很容易地找到要选择的数据。它在谷歌chrome上运行良好,但在过滤数据甚至在搜索框中输入关键词方面却滞后了

这就是我现在拥有的

    $('.js-example-basic-single').select2();
});
它允许筛选筛选框中用户类型的每个字符的列表

我更改了代码,以便仅在用户在筛选器框中输入3个字符后进行筛选

代码是:

 $('.js-example-basic-single').select2({
                minimumInputLength:3
            });
此代码隐藏下拉列表中的所有列表数据。但我根本不想隐藏这个列表


我希望能够筛选和选择项目,但不会有任何延迟。

您使用的是哪个版本的Select2版本?请参阅和,此问题可能与select2版本有关,请尝试使用最新版本


此外,如何在select2元素中填充数据?使用
元素或本地Javascript数组?我想您可以尝试使用来过滤数据。

我使用的是最新的stable v 4.0.11,我使用的是asp.net MVC。我使用razor引擎提供的HTML助手填充数据。它使用元素。您可以尝试使用加载选项。下面是我的代码:@Html.DropDownListFor(i=>i.Id,new SelectList(ViewBag.Message,“Value”,“Text”),“Family”,htmlAttributes:new{@class=“form control mt-2 selectpicker”,autocomplete=“off”)@section scripts{$('.selectpicker')。select2({ajax:{url:'@url.Action(“DropdownItem”,“Home”)',数据:函数(params){var query={search:params.term,键入:'public'}返回查询;}}}}}};}