将查询结果放在自动完成中

Question

有没有办法用我自己的设置自动完成结果？ 我知道JQuery.autocomplete会这样做，但我只是想知道是否有不同的方法来做到这一点。

到目前为止，我一直在创建一个低于所有内容的div，但是想知道除了JQuery工具之外它是否可行。

Answer 1

这是一个带有基本代码的JSBin

http://jsbin.com/nalome/4/edit

您必须找到一个api来创建要搜索的索引数据库。

我做了一次，使用了与你正在做的相似的想法。我不得不伪造所有的表单元素，使它们成为div，然后像你一样在它下面添加一个div。然后我接管了上/下/ tab / enter键，以便您可以按照预期的方式进行导航。如果你问是否有一些你可以处理的本地方式，我就不知道。

Backbone对此非常有帮助，因为你可以将点击事件绑定到一个安静的api（如果那是你正在使用的那个。）这样它就可以在关键笔划中搜索数据库，并且它你也知道在选择建议时你选择了什么。

Answer 2

typeahead.js是一个快速且功能齐全的自动完成库

https://twitter.github.io/typeahead.js/