的直接輸入字段

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

，它不僅會選擇，但實際上它插入到文本框（注給你的例子，你可以做什麼，這個代碼本身不會是足夠的）。