JQuery autocomplete 自動完成 (關鍵字搜尋)
這幾天幫公司公文系統新增了一個 自動完成(關鍵字搜尋)的功能..
原本是用select button, 但資料一多就得選個老半天…或者放棄自己輸入
藉著JQuery,我們可以把事情做的更親切~~
只要載入相關的JQuery檔,接著自行將資料庫資料填入javascript data陣列當中,即可完成
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<div>
<form >
<input type="text" name="doc_dep_act" id="doc_dep_act"/>
<input type="submit" value="Submit" /><br>
試著輸入"台北" 二個字吧!!
</form>
</div>
<script>
var data = ['台北市中正區','台北市大同區','台北市中山區','台北市松山區','台北市大安區'];
$("#doc_dep_act").autocomplete(data, {matchContains: true});
</script>
相關文章:
感謝大大的分享—-在此說聲謝謝