使用下一个/上一个按钮自动完成答案

【问题标题】：Autocomplete with Next/Previous button使用下一个/上一个按钮自动完成
【发布时间】：2010-04-13 05:44:39
【问题描述】：

我正在为触摸屏设备jquery autocomlete 的应用程序创建一个自动完成文本框。自动完成中的滚动条不是那么用户友好，所以我想给另一个选项。是否可以在自动完成中包含 Next/Prev 按钮？或者对于这个问题还有其他好的选择吗？

吉萨。

【问题讨论】：

【解决方案1】：

据我所知，没有简单的方法可以在 jquery 自动完成中进行分页。由于您不想显示滚动条，您可以指定max 和scrollHeight 属性，这样它就可以在没有任何滚动条的情况下显示足够的选项。这里max 是它将显示的最大结果数。

$("div.autocomplete").autocomplete('results.aspx',{ 
   max:10;
   scrollHeight:250
});

如果你非常想要分页，为什么不使用Jquery FlexBox。在 Flexbox 中，您可以非常轻松地实现分页。

 $('div.autocomplete').flexbox('results.aspx', {  
     showArrow: false 
     paging: {  
         pageSize: 10
     }  
 });

由于 flexbox 默认显示输入框右侧的箭头符号，您需要将 showArrow 设置为 false 以将其删除，使其看起来像自动完成而不是组合框。这里pageSize指定了每页的最大结果数。

【讨论】：

【解决方案2】：

已接受答案中的 FlexBox 显然不再可用。

但是，我确实找到了另一个看起来非常不错的选项，并且可以在 MIT 许可证下使用。

【讨论】：