JS 多级联动

在html中设置省份、城市下拉列表：

<select id="pro" onchange="getCity();">select>

<select id="city">select>

在js中设置省份信息：
var province=["省1","省2"];
js设置城市信息:
city=[["城市1-1","城市1-2","城市1-3"], ["城市2-1","城市2-2"];
在js代码中获取html下拉列表(#pro,#city)：

var pro=document.getElementById("pro");
var city=document.getElementById("city");

js初始化#pro下拉列表：

for (var i = 0; i < province.length; i++)
    pro.add(new Option(province[i]));

js实现当点击一级菜单（省份）时，二级菜单（城市）显示对应城市列表信息：

//获取点击的省份的下标
function getIndex(){
  for(var i=0;i