搜档网
当前位置:搜档网 › ASP Ajax 级联菜单

ASP Ajax 级联菜单

ASP Ajax  级联菜单
ASP Ajax  级联菜单

ASP Ajax 级联菜单

网站中,三级联动也会经常用到,例如省市县的选择。通过纯JavaScript编程,需要在页面中添加省市县的数据,代码比较乱,并且添加比较麻烦。为了解决上述问题,将省市县的数据存入数据库,通过Ajax动态加载所需数据,是比较完美的解决方案。本实例通过省市县的三级联动,实现了动态加载所需数据效果。步骤如下所示:

(1)首先为本实例设计数据库,该数据库Access版本,可以从因特网或者本书配套光盘中获得。该数据库的文件名称为area.mdb,数据库中有一个省份表,表设计视图如表8-2所示。

该数据库中还有一个城市表,表设计视图如表8-3所示。

表8-3 city表的字段

表8-4 area表的字段

(2)新建一个名为index.html的HTML文件,该文件为用户提供选择省市县

Ajax实现三级联动

Web.Config中: ----------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------- javascript脚本: -----------------------------------------------------------------------------------------------