当前位置:Gxlcms > JavaScript > jquery实现二级/三级/多级联动菜单的思路及代码_jquery

jquery实现二级/三级/多级联动菜单的思路及代码_jquery

时间:2021-07-01 10:21:17 帮助过:2人阅读

本文介绍使用jQuery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级、三级或多级联动也可以按照此方法完成。

文章中涉及到的数据表为City,为方便管理。

设计此表如下
ID:自增长字段
City_Name:城市名称
City_Code:城市代码
我们根据城市代码来查询省、市、区。城市代码结构大致如下:
内蒙古:150000,呼和浩特:150100,新城区:150101。
其他地区代码与此一样,省级为省级编号+0000,市级为省级编号+市级编号+00,地区为省级编号+市级编号+地区编号。

City.ASPX代码为
代码如下:




jQuery + ASP.NET实现三级联动