javascript - Auto-complete text field

Question

How do I make an autocomplete text field like the one here at Stack Overflow for the Tags fields? I want to use it for my Rails app.

Answer 1

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

检查演示。

编辑页面的片段：

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

Answer 2

Rails 2 中的自动完成文本字段

Answer 3

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

Answer 4

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