牛骨文教育服务平台(让学习变的简单)
博文笔记

jQuery ajax实现多级联动下拉框效果

创建时间:2017-07-26 投稿人: 刘煊麒 浏览次数:368

利用jQuery ajax实现多级联动下拉框效果

html代码:

jQuery ajax实现多级联动下拉框效果

js绑定:

引入jQuery 和 jquery.cascadeselect.js 两个文件

jQuery ajax实现多级联动下拉框效果

往后传递的参数:

Level 级联级别 1开始

ParentID 父级ID

后台页面两种情况:

1、省市区是一个表(表结构是Id,Name,ParentId) 自连接查询的话,后台页面根据ParentId查询数据即可

2、省市区在不同的表,可一个更具 Level 级联级别分别查询数据,但是省市区返回数据实体得一样,也就是列名得一致

返回数据的格式:[{"Id":value,"Name":value},{"Id":value,"Name":value}]

绑定的时候可以设置这两个字段值:(idKey: "Id", // 绑定下拉框实际值的字段 nameKey: "Name", // 绑定下拉框显示值的字段)

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。