我们在制作门户网站时，经常会用到一些下拉的菜单效果，尤其在做门户网站时，这些下拉的菜单效果会更常见，比如我们要在网页里面实现城市分类，哪么就需要省市区或者是省市的关联下拉菜单了，如果想要做得简单点的话，两级菜单是很容易实现的，那么如果想要更详细的分类的话，就需要省市区三级下拉菜单效果了，这种效果用JS其实很容易实现，下面是共享的一个三级地市联动菜单的效果.

效果预览图如下：

分两个页面,Area.html是实现效果的JS文件,Area.xml是保存省市区数据的页面，加载在Area.html页面里,就实现了JS省市区三级下拉菜单的效果，如果想要使用的话，只需要将Area.html里面的源码复制到相应的页面里即可。

两个文件的源码就不贴出来了，文件不是很大，直接提供下载了，有需要的可以拿来用。

点击下载JS省市区三级下拉菜单效果下载。