jquery-ui - jquery自动完成设置最大项目

Question

我将使用 jquery 自动完成插件，并设置要显示的最大项目。在谷歌上搜索我发现可以"max"选择设置我想要显示的项目数量，但它不起作用。

我用jquery-ui-1.8.21版本。

$("#test").autocomplete({
     source:myarray,
     max:5
});

谢谢

Answer 1

你在哪里读到的？我在底部“选项”选项卡下max的自动完成文档中找不到。

虽然，有一个示例如何设置最大高度以获得更好的用户体验。但是，如果您真的想要该数组中的前 n 个元素，只需使用纯 JavaScript 中的slice()方法。

Answer 2

将此添加到您的 CSS.ui-autocomplete { height: 100px; overflow-y: scroll; overflow-x: hidden;}通过更改高度，您可以限制用户可见的项目数。

Answer 3

您可以通过这种方式进入您的 ajax 成功功能更改根据此

success: function (data) {
      response($.map(data.slice(0,4), function (item) {
           return {
            label: item.name,
            value: item.name
        }
    }));
}