自动完成文本框

Question

我该如何制作一个自动完成文本字段，就像Stack Overflow上的标签字段一样？我想在我的Rails应用程序中使用它。

- jonty

Answer 1

StackOverflow使用jQuery Autocomplete插件，它支持多个项目。

请查看演示。

编辑页面的代码片段：

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

- CMS

Answer 2

在Rails 2中实现自动完成文本框

- Scott Evernden

Answer 3

你有两个选择，可以使用Rails Jquery UJS和Autocomplete gem，或者使用TokenInputs并查看Railscasts on TokenFields如何为您的情况设置它。就我个人而言，我喜欢后者使用自己的个人主题。

- LearningRoR

Answer 4

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

- chaos