js下拉列表框的联动事件

对二维数组的实际应用

< html >
< head >
    < title ></ title >
    < script language = "javascript" type = "text/javascript" >
        //定义 城市 数据数组
        cityArray = new Array();
        cityArray[0] = new Array("河南省","郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市");
        cityArray[1] = new Array("云南省","昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市");
        cityArray[2] = new Array("其它","其它");

        function getCity(currProvince)
        {
            //当前 所选择 的 省
            var currProvince = currProvince;
            var i,j,k;
            //清空 城市 下拉选单
            document.all.selCity.length = 0 ;
            for (i = 0 ;i < cityArray.length ;i++)
              {
                  //得到 当前省 在 城市数组中的位置
                  if(cityArray[i][0]==currProvince)
                    {
                        //得到 当前省 所辖制的 地市
                        tmpcityArray = cityArray[i][1].split("|")
                          for( j = 0 ;j<tmpcityArray.length;j++)
                          {
                            //填充 城市 下拉选单
                            document.all.selCity.options[document.all.selCity.length] = new Option(tmpcityArray[j],tmpcityArray[j]);
                          }
                    }
              }
        }
    </script>
</ head >
< body >
< form id = "form1" >
    < select id = "selProvince" onChange = "getCity(this.options[this.selectedIndex].value)" >
        < option value = "" >-请选择-</ option >
        < option value = "河南省" >河南省</ option >
        < option value = "云南省" >云南省</ option >
        < option value = "其它" >其它</ option >
    </ select >

    < select id = "selCity" >
        < option >-城市-</ option >
    </ select >
</ form >
</ body >
</ html >