标题制作简单的省市联动
步骤分析：
第一步：创建一个二维数组用于存储省份和城市：
var cityList=new Array();
cityList[‘四川省’]=[‘成都市’,’泸州市’,’宜宾市’,’内江市’,’绵阳市’]
cityList[‘北京’]=[‘朝阳区’,’东城区’,’西城区’,’丰台区’]
第二步：创建省份的option元素节点
pro.add(new Option(‘四川省’,’四川省’))
第三步：确定事件（onchange）并为其绑定一个函数，如addCity()
第四步：编写addCity函数，其功能是根据选择省份，创建相应城市的option元素节点，注意每次操作前清空城市列表的option内容（city.options.length=0）
HTML代码片：
<body><div>
现居住地：<select id="pro"><option>--请选择您所在省--</option><select><select id="city"><option>--请选择您所在市--</option><select></div>JS代码片。
<script type="text/javascript">var proArr=["四川省","北京","湖北","湖南"];//一维数组var cityArr=[["泸州市","宜宾市","叙永县","成都市"],["朝阳区","东城区","西城区"],["武汉市","武昌市","汉中市"],["长沙市","绵阳市","衡阳市"],];//二维数组var mypro=document.getElementById("pro");var mycity=document.getElementById("city");
mypro.length=0;for(var i=0;i<proArr.length;i++){var newOption=document.createElement("option");//产生标签
newOption.text=proArr[i];
mypro.add(newOption)}
mycity.length=0;for(var i=0;i<cityArr.length;i++){var newOption=document.createElement("option");
newOption.text=cityArr[0][i];
mycity.add(newOption)}
mypro.onchange=function(){var index=this.selectedIndex;var clist=cityArr[index];
mycity.length=0;for(var i=0;i<clist.length;i++){var newOption=document.createElement("option");
newOption.innerText=clist[i];
mycity.add(newOption);}}</script>效果：
