jquery的插件 autocomplete demo
来源:互联网 发布:帕克数据 编辑:程序博客网 时间:2024/04/28 21:19
前台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;
}
});
});
$(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;
}
});
});
- jquery的插件 autocomplete demo
- jquery autocomplete插件结合ajax使用demo
- jquery autocomplete插件结合ajax使用demo
- jquery autocomplete插件结合ajax使用demo
- jquery autocomplete插件的使用
- Jquery插件的使用--AutoComplete
- JQuery 的Autocomplete插件使用
- Jquery插件的使用--AutoComplete
- Jquery autocomplete插件的使用
- Jquery autocomplete插件的使用
- jQuery.Autocomplete插件的使用
- Jquery autocomplete插件的使用
- Jquery autocomplete插件的使用
- jquery autocomplete 插件的使用
- Jquery autocomplete插件的使用
- Jquery autocomplete和jQuery UI Autocomplete插件的使用
- jquery autocomplete demo
- jQuery自动完成的插件(AutoComplete)
- 根据URL链接分析获取中图分类号
- 一个MapReuce作业的从开始到结束--第7章 MapReduce的执行过程
- Android Listview显示网络下载的图片
- jsp页面输入int类型出现乱码
- weblogic unable to get file lock问题
- jquery的插件 autocomplete demo
- 系统调用如何实现
- jquery获取img的src值
- 按键精灵多窗口响应(转载)
- 优秀的JavaScript图表库:Highcharts
- php获取客户端IP地址的几种方法
- 查看联系人ContactsProvider 的源代码
- 计算机视觉的一些测试数据集和源码站点
- cookie 和session 的区别详解