三级联动的难点在于二维,三维数组的创建和使用:
var oProc=[“安徽”,“上海”,“山东”];
var oCity=[
[“合肥”,“淮南”,“芜湖”],
[“浦东”,“闵行”,“浦西”],
[“济南”,“青岛”,“枣庄”]
];
var oDist=[
[
[“政务区”,“庐阳区”,“蜀山区”],
[“田家庵区”,“大道区”,“九龙岗区”],
[“镜湖区”,“鸠江区”,“三山区”]
],
[
[“浦东1”,“浦东2”,“浦东3”],
[“闵行1”,“闵行2”,“闵行3”],
[“浦西1”,“浦西2”,“浦西3”]
],
[
[“历下区”,“天桥区”,“长清区”],
[“市南区”,“市北区”,“李沧区”],
[“薛城区”,“市中区”,“泽成区”]
]
];
就是数组套数组可以分开写。
首先呢就是定义出来你的html里面的变量
var proc,city,dist;
然后:把标签找到循环省级数组。
重点来了:
1:在循环体内部创建option,
2:根据createTextNode创建option的内容,也就是把数组放进去,
3::把内容追加到option后面
4:把option追加到省级标签后面
市级里面的内容和之前一样,前面有一点区别,需要判断是否有选择省级内容,不选的话,proc.value==-1, 把市级和区级分别初始化,如果选的话也要先初始化,再通过找到选择的省级标签,然后循环数组,重复操作那四步就好。
,