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

Question

我正在使用带有大约 200 项列表的 Jquery 自动完成器。当我在框中输入一个字符时，它会立即建议所有 100-150 个选项。

该列表是如此之长，它远远超出了页面底部边框，并且还提供了可怕的性能。

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

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

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

Answer 1

利用：

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

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

这可以在 jQuery UI Autocomplete 的限制结果中找到。

Answer 2

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

如果您使用 minLength 选项，例如 3，则用户必须在过滤器开始之前键入三个字符。

这将导致比示例 1 更少的结果。您也可以使用slice.