javascript搜索自動提示功能的實現(xiàn)
更新時間：2008年06月04日 23:08:08 作者：
使用 jQuery(Ajax)/PHP/MySQL實現(xiàn)自動完成功我覺得我有必要寫這個教程，因為曾經見到的大部分關于自動完成的應用程序都只是給你一個程序源碼包，然后告訴你怎么使用，而不是告訴你它是如何工作的以及為什么這樣做。
主文件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。
還有，
最后就是有用的鏈接了，我想你應該期待很久了。
打包文件
相關文章
這篇文章主要介紹了基于BootStrap實現(xiàn)簡潔注冊界面,需要的朋友可以參考下2017-07-07
Vue3基于countUp.js實現(xiàn)數字滾動的插件
本文主要介紹了Vue3基于countUp.js實現(xiàn)數字滾動的插件，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
這篇文章主要介紹了js實現(xiàn)簡潔的滑動門菜單(選項卡)效果代碼,涉及javascript鼠標事件操作頁面元素樣式切換的實現(xiàn)技巧,簡單實用,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JavaScript獲取文本框內選中文本的方法,實例分析了javascript通過onclick獲取文本框選中文本的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數及最大個數功能示例
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計字符串中字符出現(xiàn)個數及最大個數功能,結合實例形式分析了javascript字符串遍歷、統(tǒng)計相關操作技巧,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了javaScript 事件冒泡,事件捕獲和事件委托的相關資料,需要的朋友可以參考下，希望能夠給你帶來幫助2021-11-11
這篇文章主要介紹了JS實現(xiàn)圖片高亮展示效果的方法,實例分析了JavaScript響應鼠標事件動態(tài)操作頁面元素樣式的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
textarea不能通過maxlength屬性來限制字數的解決方法
textarea稱文本域，又稱文本區(qū)，其不能通過maxlength屬性來限制字數，為此必須尋求其他方法來加以限制以達到預設的需求2014-09-09
encode腳本和normal腳本混用的問題與解決方法...2007-03-03
【消息提示組件】，兼容IE6/7&&FF2...2007-09-09