一个jquery自动填充插件.docVIP

好久没有写了，忙的要死，项目中要求一个很好的 自动填充的要求，呵呵，最后我找到了这个好东东！ 用法很简单， 一，导入文件 script type=text/javascript src=js/jquery.autocomplete.js/scriptlink rel=stylesheet type=text/css href=css/jquery.autocomplete.css /（jquery当然要啦） 二，模板文件代码 $.ajax({? ???? ?url:{{url controller=curl action=showmake}},????? type:post,?????????? ????? dataType:json,????? success:function(msg){ ?????? var list=msg;?????? ?????? $(#make).autocompleteArray(??????????????? list,{??????????????? delay:10,?????? minChars:1,?????? matchSubset:1,?????? onItemSelect:selectItem,?????? onFindValue:findValue,?????? autoFill:true,?????? maxItemsToShow:10??????????????? });????? ????? }??? }); ? function findValue(li) {?if( li == null ) return alert(No match!);// if coming from an AJAX call, lets use the CityId as the value?if( !!li.extra ) var sValue = li.extra[0];// otherwise, lets just display the value in the text box?else var sValue = li.selectValue; ?//alert(The value you selected was: sValue);} function selectItem(li) {?findValue(li);} function formatItem(row) {?return row[0] (id: row[1] );} ? 三，服务器端 ?function actionShowmake(){ ?? $abc=include ROOT_DIR ./lib/autocomplete.php;????????echo json_encode(array_keys($abc));} 其实就是返回json串就ok拉。 ? 最后，大家要注意模板里的那几个函数要引入，ajax接受的是json格式就ok了。 你可以通过这个链接引用该篇文章:/viewdiary.197912018.html jquery的Ajax方法获取Json格式的数据事例 2009-06-10 17:38 Test.js var j = jQuery.noConflict(); j(document).ready(function(){???? ??????? j.ajax({??????????????? url:/Member/AjaxCommon.ashx,??????????????? type:post,??????????????? data:med=getPicProductlistNum=6statusIDStr=2,4,??????????????? dataType:json,??????????????? timeout:10000,??????????????? ??????????????? success:function(data,status){??????????????????? if(status){??????? //??????????? var tempdata = [??????? //??????????? {PicName:全新诺基亚N72正品进口原装黑色,粉色,PicShowPrice:1060.00},??????? //??????????? {PicName:索爱K610 实派气质 超手感 时尚选择它 送1G卡,PicShowPrice:690.00},??????? //??????????? {PicName:华科通讯╮正品摩托罗拉A1200 7天包退