ajax 多级联动 下拉框_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
2
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 2018 | 回复: 1   主题: ajax 多级联动 下拉框        下一篇 
dream007
注册用户
等级:少校
经验:1086
发帖:53
精华:0
注册:2015-7-2
状态:离线
发送短消息息给dream007 加好友    发送短消息息给dream007 发消息
发表于: IP:您无权察看 2015-8-7 10:08:51 | [全部帖] [楼主帖] 楼主

写了ajax实现级联下拉框,考虑常用,并且级联个数随不同业务个数不同,于是就整理了一下,实现了 ajax + N级联动 下拉框的效果
效果图

北京联动北方科技有限公司
HTML 代码
北京联动北方科技有限公司

js 绑定

北京联动北方科技有限公司

(js文件,源码)案例下载:http://download.csdn.net/detail/qq_21533697/8968013

往后传递的参数: 

Level 级联级别 1开始
ParentID 父级ID

后台页面两种情况:

1、省市区是一个表(表结构是Id,Name,ParentId) 自联接查询的话,后台页面根据ParentId查询数据即可
2、省市区在不同的表,可一个根据 Level 级联级别分别查询数据,但是省市区返回数据实体得一样,也就是列名得一致
   返回数据的格式:[{"Id":value,"Name":value},{"Id":value,"Name":value}] 
   绑定的时候可以设置这两个字段值:(idKey: 'Id', // 绑定下拉框实际值的字段 nameKey: 'Name', // 绑定下拉框显示值的字段) 

该贴被dream007编辑于2015-8-7 10:12:56



赞(0)    操作        顶端