省市区县 页面显示效果 如何实现？

Question

请问 这个效果该如何实现那？点击 省，市，区会有相应的变动，就跟省市区联机下拉列表差不多，只不过是把这些显示到页面了。

Answer 1

把市放在一个一维数组里 city=[a,b,c];
区放在一个二维数组里 qu=[[1,2,3],[4,5],[6]];
当选择市后，获取他在一维数组里的下标 x，之后用这个下标遍历二维数组
for(var i=0;i<qu[x].length;i++){
......
}
然后根据需求创建div啊 li啊并把值赋进去试试

Answer 2

2楼的 说的很有道理，借鉴了，已经搞出来了。
3楼 纯属灌水。以下是实现的代码。    <script>        function city(ProvinceId, obj) {
            document.getElementById("div1").innerHTML = "";
            document.getElementById("div2").innerHTML = "";
            for (i = 1; i < group[ProvinceId].length; i++) {                document.getElementById("div1").innerHTML += "<a id=\"" + i + "\" onclick=\"Area(" + ProvinceId + ",this.id)\" href=\"#\">" + group[ProvinceId][i][0].text + "</a> | ";                
            }
        }        function Area(ProvinceId, cityId) {
            document.getElementById("div2").innerHTML = "";
            for (i = 1; i < group[ProvinceId][cityId].length; i++) {
                document.getElementById("div2").innerHTML += group[ProvinceId][cityId][i].text + " | ";
                
            }
        }
        
    </script>