文件名称:基於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"); } };