【文件属性】:
文件名称:基於jQuery的自動補全組件
文件大小:8KB
文件格式:JS
更新时间:2014-09-29 05:38:25
jquery completeauto 自動補全
自己寫的基於jquery的好用的自動補全組件,只要聽說過javascript的都能使用!
使用方法:$(document).ready(function(){
//設置延時,降低數據庫的負荷
var s;
$("#materialNo").keyup(function(){
//按鍵碼
var e = event.keyCode;
if(e!=40&&e!=38&&e!=13){
//清除延時
window.clearTimeout(s);
//設定延時
s = setTimeout("query('"+ e +"')", 500);
}else{
query(e);
}
});
});
//自動補全模號
query = function(e){
/**
* 描述:實例化自動補全類
* 參數:搜索文本框的ID,搜索DIV的ID
*/
var auto = new Autocomplete("materialNo","materialDiv");
//上方向鍵,下方向鍵,回車鍵
if(e!=40&&e!=38&&e!=13){
//var moldNo = $.trim($("#moldNo").val());
//$.post("errController.html?method=moldNoCompleteAuto",
//{
//moldNo:moldNo
//},
//function(data){
var data = "Q5888-40077,Q5888-40077,Q5888-40077,Q5888-40077,Q5888-40077,Q5888-40077";
/**
* 描述:自動補全方法
* 參數:查詢出的補全信息,文本框的ID,按鍵事件的keyCode
*/
auto.autocomplete(data, 'materialNo', e);
//});
}else{
/**
* 描述:不查詢數據,僅添加按鍵事件
* 參數:按鍵事件的keyCode,搜索文本框的ID
*/
auto.keyEvents(e, "materialNo");
}
};