自动完成文本字段

发布于 2024-07-16 00:51:51 字数 70 浏览 8 评论 0原文

如何制作一个像 Stack Overflow 上的标签字段那样的自动完成文本字段? 我想将它用于我的 Rails 应用程序。

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.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

℉絮湮 2024-07-23 00:51:51

StackOverflow 使用 jQuery 自动完成插件,它具有多个项目支持。

检查演示

编辑页面的片段:

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

StackOverflow uses the jQuery Autocomplete Plugin, it has multiple item support.

Check the demos.

Snippet from the edit page:

$("#tagnames").autocomplete("/tags/filter", {
    max: 6,
    highlightItem: true,
    multiple: true,
    multipleSeparator: " ",
    matchContains: true,
    scroll: true,
    scrollHeight: 300
});
我恋#小黄人 2024-07-23 00:51:51

基本思想是,使用 onkeydown 或 onkeypress 事件(最好有一点延迟)向服务器触发 AJAX 请求,使用到目前为止输入的文本进行搜索并将可能的完成结果发送回客户端。 然后客户端执行 DOM 操作来显示这些内容。

The basic idea is, you trigger AJAX requests to the server, using onkeydown or onkeypress events (preferably with a bit in the way of delays), that do your search using the text entered so far and send back possible completions to the client. The client then does DOM manipulation to display these.

つ低調成傷 2024-07-23 00:51:51

您有 2 个选项可以使用 自动完成 gemTokenInputs 并查看TokenFields 上的 Railscast,了解如何为您的设备进行设置情况。 就我个人而言,我喜欢后者针对自己的个人主题所做的事情。

You have 2 options you can do Rails Jquery UJS with the Autocomplete gem OR TokenInputs and look at the Railscasts on TokenFields on how to set it up for your situation. Personally, i like what latter does with its own personal themes.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文