javascript搜索自動提示功能的實現
更新時間：2008年06月04日 23:08:08 作者：
使用 jQuery(Ajax)/PHP/MySQL實現自動完成功我覺得我有必要寫這個教程，因為曾經見到的大部分關于自動完成的應用程序都只是給你一個程序源碼包，然后告訴你怎么使用，而不是告訴你它是如何工作的以及為什么這樣做。
主文件HTML：
<div>
<div>
Type your county (for the demo):
<input size="30" id="inputString" onkeyup="lookup(this.value);" type="text" />
</div> <div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="upArrow.png" style="position: relative; top: -12px; left: 30px" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</div>
這是主文件的部分html代碼，你需要添加的就是一個輸入框，并且把 ‘onkeyup' 函數設置為lookup(this.value)。另外，我建議你不要修改它的ID，如果你不想修改上面的Javascript代碼的話。
截圖：
我想你應該會想要看看最后的效果是什么樣子，OK。
還有，
最后就是有用的鏈接了，我想你應該期待很久了。
打包文件
相關文章
js-cookie插件是一個JS操作cookie的插件，源文件只有3.34 KB，非常輕量級，js-cookie也支持npm和Bower安裝和管理，下面看看js-cookie的具體用法2018-03-03
這篇文章主要介紹了js簡單的表格添加行和刪除行操作,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了mac上配置Android環(huán)境變量的方法,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細介紹了微信小程序實現長按拖拽排序功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
js jquery ajax的幾種用法總結(及優(yōu)缺點介紹)
本篇文章只要介紹了js jquery ajax的幾種用法總結(及優(yōu)缺點介紹)，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
JavaScript 字符串處理函數使用小結，學習js的朋友可以參考下。2010-12-12
最近開發(fā)微信小程序進入到支付階段，一直以來從事App開發(fā)，所以支付流程還是熟記于心的。下面通過本文給大家講述下微信小程序進行微信支付的步驟,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JavaScript獲取表單enctype屬性的方法,涉及javascript操作表單屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
用js獲取頁面值得仿佛，需要的朋友可以參考下。2011-11-11
這篇文章介紹了javascript判斷非數字的簡單例子，有需要的朋友可以參考一下2013-07-07