javascript input輸入框模糊提示功能的實現(xiàn)
更新時間:2017年09月25日 14:49:57 作者:Lovnx
這篇文章主要介紹了javascript input輸入框模糊提示功能的實現(xiàn)的相關資料,希望通過本能幫助到大家,需要的朋友可以參考下
javascript input輸入框模糊提示功能的實現(xiàn)
主要用到了jQuery.autocomplete函數(shù),定義好一個數(shù)組就可以用這個功能了,很方便。
<!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ū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關文章
JavaScript實現(xiàn)簡單版的留言發(fā)布與刪除
這篇文章主要介紹了如何通過JavaScript實現(xiàn)簡單的留言板功能:留言的發(fā)布與刪除。文中的示例代碼講解詳細,感興趣的小伙伴可以學習一下2022-03-03
javascript實現(xiàn)的使用方向鍵控制光標在table單元格中切換
最近公司開發(fā)ERP項目,要求商品入庫選擇貨架號時支持使用方向鍵快速選擇,以提高入庫效率。2010-11-11
javascript設置連續(xù)兩次點擊按鈕時間間隔的方法
這篇文章主要介紹了javascript設置連續(xù)兩次點擊按鈕時間間隔的方法,是非常實用的技巧,需要的朋友可以參考下2014-10-10
JavaScript CollectGarbage函數(shù)案例詳解
這篇文章主要介紹了JavaScript CollectGarbage函數(shù)案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08

