如何限制jQuery自动完成中显示的选项数量？

Question

我正在使用Jquery自动填充器，其中包含大约200个项目的列表。当我在框中键入一个字符时，它会立即显示所有100-150个选项。

这个列表很长，它延伸到页面底部边界之外，也带来了可怕的性能。

如何将显示的选项数限制为合理的数字，如5或6？

给出here的官方文档没有帮助。

限制列表长度的方法是什么？还有另一个提供良好性能的自动完成库吗？

Answer 1

使用：

$(".classThatNeedsTheAutoComplete").autocomplete({
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(myarray, request.term);

        response(results.slice(0, 10));
    }
});

这可以在 Limit results in jQuery UI Autocomplete 中找到。

Answer 2

http://api.jqueryui.com/autocomplete/#option-minLength

如果你使用minLength选项，例如3，那么用户必须在过滤器开始之前输入三个字符。

这会导致结果少于示例1.您还可以使用slice。