javascript input輸入框模糊提示功能的實(shí)現(xiàn)
javascript input輸入框模糊提示功能的實(shí)現(xiàn)
主要用到了jQuery.autocomplete函數(shù),定義好一個(gè)數(shù)組就可以用這個(gè)功能了,很方便。
<!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" rel="external nofollow" > <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { var availableTags = [ "James", "Kobe", "Jordan" ]; $( "#tags" ).autocomplete({ source: availableTags }); }); </script> </head> <body> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> </body>
效果:
如有疑問請(qǐng)留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
js使用ajax傳值給后臺(tái),后臺(tái)返回字符串處理方法
今天小編就為大家分享一篇js使用ajax傳值給后臺(tái),后臺(tái)返回字符串處理方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08javascript中去除數(shù)組重復(fù)元素的實(shí)現(xiàn)方法【實(shí)例】
下面小編就為大家?guī)硪黄猨avascript中去除數(shù)組重復(fù)元素的實(shí)現(xiàn)方法【實(shí)例】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-04-04js中checkbox的使用教程(取值、賦值、判斷是否選中)
在checkbox的使用中,我們經(jīng)常遇到需要全選或者單選的情況,下面這篇文章主要給大家介紹了關(guān)于js中checkbox使用(取值、賦值、判斷是否選中)的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07JavaScript獲取網(wǎng)頁中第一個(gè)圖片id的方法
這篇文章主要介紹了JavaScript獲取網(wǎng)頁中第一個(gè)圖片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以參考下2015-04-04js實(shí)現(xiàn)獲取焦點(diǎn)后光標(biāo)在字符串后
這篇文章主要介紹了js實(shí)現(xiàn)獲取焦點(diǎn)后光標(biāo)在字符串后,原理就是獲得焦點(diǎn)后重新把自己復(fù)制粘帖一下,喜歡的朋友可以看看2014-09-09