的直接输入字段

Question

内自动完成的，我想自动完成系统添加到我的网站，我搜索了一会儿，但我没有找到我要找的，这很难解释。

我想要一个系统，直接在自己的输入自动完成。谷歌使用“一般”自动完成加上这个，但似乎没有人做过这样的事情！

东西简单，逻辑......如果不存在，它怎么可能做这样的事情？

下面是谷歌系统：

google autocomplete inside input

Answer 1

的解决办法可能是把上面灰色文本输入框格，显示你当前的文本中第一个自动完成选项的区别文本框。

在按键上 - 任何常见的自动完成都会生成匹配项目列表。 采取第一个，并在他身上设置一个选定的样式（通过使用.addClass（））， 采取文本框内容与第一项内容之间的差异，并把它放在灰色的div。

我发现一个有趣的扩展，默认情况下选择第一个选项：

http://github.com/scottgonzalez/jquery-ui-extensions/blob/master/autocomplete/jquery.ui.autocomplete.selectFirst.js

$(el).autocomplete({ 
     selectFirst: true 
}); 

你可以用它玩，并改变了它满足您的需求。只是我：例如，你可以添加到“jquery.ui.autocomplete.selectFirst.js”文件验证码：

if (menu.element.children().first().length == 1) 
{ 
    $("#autocomplete").val(menu.element.children().first()[0].childNodes[0].childNodes[0].data); 
} 

，它不仅会选择，但实际上它插入到文本框（注给你的例子，你可以做什么，这个代码本身不会是足够的）。