javascript实现级联菜单

下面是一个级联菜单的实现案例：

 

选择广东省之后，在第二个下拉菜单就会显示相应的城市名称：

 

当你选择了某个城市之后，如果在这个市里还其他的地区就会再次出现一个下拉菜单：

 

 

 

 

 

第三个下拉菜单就是对应的区域：

 

 

 

 

 

 

 

下面就是相应的js代码：

 

<script type="text/javascript" src="sitedata_bas.js" charset="GBK"></script>

//上一行的代码是引用外部的js文件，该文件中是存储相应的省份、城市、地区的名称数组

由于这个js文件中的数据比较大，在这里就列出部分：

 

var arrCity =

[

                     { name:"请选择", sub:[{name:"请选择"}], type:1},

                 {

  name:"北京",

  sub:[{name:"