jquery的插件 autocomplete demo

红智鑫
2023-12-01
前台js代码 如下:
$(document).ready(function() {
                //文本框的id url为你要提交的action地址
$("#email").autocomplete(url, {
dataType : 'json', // 必须填写,不然默认的是text
autoFill : true,   // 自动填充 可选
                       extraParams : {
key: function (){
     return   $('#email').val();
    }
},//支持像后台传递参数,key为你后台接收参数的名称
parse : function(data) {       // 处理返回的json串,以供后续的使用
var rows = [];         // 处理后 返回的一个 数组
for ( var i = 0; i < data.my.length; i++) { // 如果你返回的是一个 类似{'my':[{'name':'value1'},{'name':'value2'}]}
rows[rows.length] = {
data : data.my[i].name, //返回的参数,供后续的函数调用
value : data.my[i].name+"---------", //鼠标经过时 在 输入框显示的值
result : data.my[i].name+"===="   //选中后在 输入框显示的值
}
}
return rows;
},
formatItem : function(data, i, total) {
return data;
},
formatMatch : function(data, i, total) {
return data;
},
formatResult : function(data) {
return data;
}
});
});
 类似资料: