例子:
http://html521.home.chinaren.com/town.htm//从这开始是我另加的函数:
function setTown(){
p = document.checkinfo.province;
c = document.checkinfo.city;
t = document.checkinfo.town;
cv = c.options[c.options.selectedIndex].value
pv = p.options[p.options.selectedIndex].value
switch (pv){
case "0"://广东
switch (cv)
{
case "0"://广州
t.options[0]=new Option("广州1","0");
t.options[1]=new Option("广州2","1");
t.options[2]=new Option("广州3","2");
t.options[3]=new Option("广州4","3");
break;
case "1"://深圳
t.options[0]=new Option("深圳1","0");
t.options[1]=new Option("深圳2","1");
t.options[2]=new Option("深圳3","2");
t.options[3]=new Option("深圳4","3");
break;
case "2"://珠海
t.options[0]=new Option("珠海1","0");
t.options[1]=new Option("珠海2","1");
t.options[2]=new Option("珠海3","2");
t.options[3]=new Option("珠海4","3");
break;
case "3"://韶关
t.options[0]=new Option("韶关1","0");
t.options[1]=new Option("韶关2","1");
t.options[2]=new Option("韶关3","2");
t.options[3]=new Option("韶关4","3");
break;
case "4"://潮州
t.options[0]=new Option("潮州1","0");
t.options[1]=new Option("潮州2","1");
t.options[2]=new Option("潮州3","2");
t.options[3]=new Option("潮州4","3");
break;
case "5"://汕头
t.options[0]=new Option("汕头1","0");
t.options[1]=new Option("汕头2","1");
t.options[2]=new Option("汕头3","2");
t.options[3]=new Option("汕头4","3");
break;
//可以继续case "6",case "7"。。。都是广东省的。
};
break;
case "1"://广西
switch (cv)
{
case "0"://南宁
t.options[0]=new Option("南宁1","0");
t.options[1]=new Option("南宁2","1");
t.options[2]=new Option("南宁3","2");
t.options[3]=new Option("南宁4","3");
break;
case "1"://柳州
t.options[0]=new Option("柳州1","0");
t.options[1]=new Option("柳州2","1");
t.options[2]=new Option("柳州3","2");
t.options[3]=new Option("柳州4","3");
break;
case "2"://桂林
t.options[0]=new Option("桂林1","0");
t.options[1]=new Option("桂林2","1");
t.options[2]=new Option("桂林3","2");
t.options[3]=new Option("桂林4","3");
break;
case "3"://北海
t.options[0]=new Option("北海1","0");
t.options[1]=new Option("北海2","1");
t.options[2]=new Option("北海3","2");
t.options[3]=new Option("北海4","3");
break;
}
break;
case "2"://北京
switch (cv)
{
case "0"://北京
t.options[0]=new Option("通县","0");
t.options[1]=new Option("平谷","1");
t.options[2]=new Option("怀柔","2");
t.options[3]=new Option("故宫,嘿嘿","3");
break;
}
break;
case "3"://海南
switch (cv)
{
case "0"://海口
t.options[0]=new Option("海口1","0");
t.options[1]=new Option("海口2","1");
t.options[2]=new Option("海口3","2");
break;
case "1"://三鸭
t.options[0]=new Option("三鸭1","0");
t.options[1]=new Option("三鸭2","1");
t.options[2]=new Option("三鸭3","2");
t.options[3]=new Option("三鸭4","3");
break;
case "2"://穷海
t.options[0]=new Option("穷海1","0");
t.options[1]=new Option("穷海2","1");
t.options[2]=new Option("穷海3","2");
t.options[3]=new Option("穷海4","3");
break;
case "3"://X州
t.options[0]=new Option("X州1","0");
t.options[1]=new Option("X州2","1");
t.options[2]=new Option("X州3","2");
t.options[3]=new Option("X州4","3");
break;
}
break;
//从这往下可以继续case "4"://福建 case "5":。。。
}
return ;
}
HTML部分也有很多改动:
。。。
省/直辖市,
市
县/镇
。。。
如有疑义,请回复,再继续交流。