二级联动下拉框

<script>
    function changeCity() {

        // 1. 获取用户选择的省份;
        var choiceProvince = document.getElementById('province').value;

        // 2. 创建一个二维数组， 用来存储省份和城市的对应关系;
        // 如何创建二维数组？创建了三个数组，因为这里我们只用了三个省份
        var cites=new Array(3);
        // 默认的规则： 索引为0， 存储陕西的城市;
        cites[0] = new Array("密山镇 2303820100","连珠山镇 2303820200","黑台镇 2303820300","裴德镇 2303820400","当壁镇 2303820500","知一镇 2303820600","二人班乡 2303820700","杨木乡 2303820800","白鱼湾镇 2303820900","富源乡 2303821000","和平乡 2303821100","太平乡 2303821200","兴凯湖乡 2303821300","柳毛乡 2303821400","承子河乡 2303821500","兴凯镇 2303821600");
        cites[1] = new Array("八五一一农场 2303821700","八五七农场 2303821800","八五五农场 2303821900","兴凯湖农场 2303822000","双峰农场","农大社区","北大营社区","连珠山社区");
        cites[2] = new Array("学府社区","莲花社区","阳光社区","红卫社区","城西社区");

        //8. 找出关于城市的下拉列表(根据id=“city”)
        var selectEleNode = document.getElementById('city');
        // 9. 清空第二个下拉列表里面的所有option标签;
        selectEleNode.options.length = 0;

        // 3. 遍历时省份编号和用户选择的省份编号进行比较
        for(var i = 0; i < cites.length; i++){
            //此处比较的是省份编号
            if  (choiceProvince == i){

             // 4. 如果相同， 遍历该省份下的所有城市  ；
             for(var j=0; j<cites[i].length; j++){

                 //5. 创建城市的文本节点;
                 var textNode = document.createTextNode(cites[i][j]);

                 //6. 创建option的元素节点
                 var optionEleNode = document.createElement("option");

                 //7. 将城市的文本节点追加到option元素节点里面去;
                 optionEleNode.appendChild(textNode);

                 //9. 将option节点内容追加到select节点里面去;
                 selectEleNode.appendChild(optionEleNode);
             }
            }
        }
    }
</script>

地区： --乡镇（农垦、中心街道）-- 乡镇 农垦 中心街道办事处 --行政区划--