自动完成文本字段

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 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
});

Answer 2

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

Answer 3

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.

Answer 4

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.