jQuery ajax实现多级联动下拉框效果
创建时间:2017-07-26 投稿人: 刘煊麒 浏览次数:401
利用jQuery ajax实现多级联动下拉框效果
html代码:
js绑定:
引入jQuery 和 jquery.cascadeselect.js 两个文件
往后传递的参数:
Level 级联级别 1开始
ParentID 父级ID
后台页面两种情况:
1、省市区是一个表(表结构是Id,Name,ParentId) 自连接查询的话,后台页面根据ParentId查询数据即可
2、省市区在不同的表,可一个更具 Level 级联级别分别查询数据,但是省市区返回数据实体得一样,也就是列名得一致
返回数据的格式:[{"Id":value,"Name":value},{"Id":value,"Name":value}]
绑定的时候可以设置这两个字段值:(idKey: "Id", // 绑定下拉框实际值的字段 nameKey: "Name", // 绑定下拉框显示值的字段)
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇:荷兰足球最后的遮羞布-Ajax
- 下一篇:ajax在jQuery如何操作解析