二级省级联动的实现

JavaScript实现二级省级联动
js代码如下：

// An highlighted block
var shengfengarr=["陕西","四川","上海"]
			var cityarr=[
				["西安市","宝鸡市","渭南市","汉中市"],
				["成都市","攀枝花市","乐山市"],
				["黄浦区","静安区","浦东区"]
			]
			//添加省份
			var shengfen=document.getElementById("proci");
			function creatoption(shengfen,data){
				for (var i in shengfengarr){
					var op=new Option(data[i],i);
					shengfen.options.add(op);
				}
			}
			creatoption(shengfen,shengfengarr);
			//添加市区
			var city=document.getElementById("city");
			shengfen.onchange=function(){
				city.options.length=0;//清空已有的下拉列表
				creatoption(city,cityarr[shengfen.value]);
				
			}

html代码如下：

// An highlighted block
		<select  id="proci">
			<option>省份</option>
		</select>
		<select  id="city">
		 	<option>市区</option>
		</select>