写了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