自动完成文本字段

Question

如何在标签字段的Stack Overflow中创建一个自动完成文本字段？我想将它用于我的Rails应用程序。

Answer 1

StackOverflow使用jQuery Autocomplete Plugin，它有多项支持。

检查demos。

编辑页面中的摘录：

$("#tagnames").autocomplete("/tags/filter", {
    max: 6,
    highlightItem: true,
    multiple: true,
    multipleSeparator: " ",
    matchContains: true,
    scroll: true,
    scrollHeight: 300
});

Answer 2

Auto-Complete Text Fields in Rails 2

Answer 3

基本的想法是，你使用onkeydown或onkeypress事件（最好有一点延迟）来触发对服务器的AJAX请求，使用到目前为止输入的文本进行搜索并将可能的完成发送回客户。然后客户端执行DOM操作以显示这些。

Answer 4

您可以使用Rails Jquery UJS或Autocomplete gem TokenInputs选择2个选项，然后查看Railscasts on TokenFields如何根据您的情况进行设置。就个人而言，我喜欢后者用自己的个人主题做的事情。