把数组的内容换一下就行了
<html>
<head>
<script language=javascript>
var arr="浙江|江苏|安徽|江西";var arr0 = "杭州|宁波|温州|绍兴"; //这些数据可以从数据库中取得
var arr1 = "南京|苏州|无锡|常州";
var arr2 = "合肥|翕县|黄山|祁门";
var arr3 = "南昌|九江|赣州|上饶"; var arr00 = "杭州A区|杭州B区";
var arr01 = "宁波A区|宁波B区";
var arr02 = "温州A区|温州B区";
var arr03 = "绍兴A区|绍兴B区"; var arr10 = "南京A区|南京B区";
var arr11 = "苏州A区|苏州B区";
var arr12 = "无锡A区|无锡B区";
var arr13 = "常州A区|常州B区"; var arr20 = "合肥A区|合肥B区";
var arr21 = "翕县A区|翕县B区";
var arr22 = "黄山A区|黄山B区";
var arr23 = "祁门A区|祁门B区"; var arr30 = "南昌A区|南昌B区";
var arr31 = "九江A区|九江B区";
var arr32 = "赣州A区|赣州B区";
var arr33 = "上饶A区|上饶B区"; //alert(eval("arr"+2+1));
function AddOptions(dltObj,arrObj)
{
dltObj.innerHTML="";
var arrLocation=arrObj.split("|");
for(var i=0;i<arrLocation.length;i++){
var opt=document.createElement("OPTION");
dltObj.add(opt);
opt.value=i;
opt.text=arrLocation[i];
}
}
function init(){
AddOptions(dltProvince,eval('arr'));
AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));
AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));
}
</script>
</head>
<body onLoad="init();">
<table width="300" cellpading="0" cellspacing="0" border="0">
<tr>
<td width="100"><select id="dltProvince" onchange="AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
</td>
<td width="100"><select id="dltCity" onchange="AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
</td>
<td width="100"><select id="dltArea" style="width:100%"></select>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<script language=javascript>
var arr="浙江|江苏|安徽|江西";var arr0 = "杭州|宁波|温州|绍兴"; //这些数据可以从数据库中取得
var arr1 = "南京|苏州|无锡|常州";
var arr2 = "合肥|翕县|黄山|祁门";
var arr3 = "南昌|九江|赣州|上饶"; var arr00 = "杭州A区|杭州B区";
var arr01 = "宁波A区|宁波B区";
var arr02 = "温州A区|温州B区";
var arr03 = "绍兴A区|绍兴B区"; var arr10 = "南京A区|南京B区";
var arr11 = "苏州A区|苏州B区";
var arr12 = "无锡A区|无锡B区";
var arr13 = "常州A区|常州B区"; var arr20 = "合肥A区|合肥B区";
var arr21 = "翕县A区|翕县B区";
var arr22 = "黄山A区|黄山B区";
var arr23 = "祁门A区|祁门B区"; var arr30 = "南昌A区|南昌B区";
var arr31 = "九江A区|九江B区";
var arr32 = "赣州A区|赣州B区";
var arr33 = "上饶A区|上饶B区"; //alert(eval("arr"+2+1));
function AddOptions(dltObj,arrObj)
{
dltObj.innerHTML="";
var arrLocation=arrObj.split("|");
for(var i=0;i<arrLocation.length;i++){
var opt=document.createElement("OPTION");
dltObj.add(opt);
opt.value=i;
opt.text=arrLocation[i];
}
}
function init(){
AddOptions(dltProvince,eval('arr'));
AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));
AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));
}
</script>
</head>
<body onLoad="init();">
<table width="300" cellpading="0" cellspacing="0" border="0">
<tr>
<td width="100"><select id="dltProvince" onchange="AddOptions(dltCity,eval('arr'+dltProvince.selectedIndex));AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
</td>
<td width="100"><select id="dltCity" onchange="AddOptions(dltArea,eval('arr'+dltProvince.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
</td>
<td width="100"><select id="dltArea" style="width:100%"></select>
</td>
</tr>
</table>
</body>
</html>
ct[0] = new Array("请选择","3701","");
ct[1] = new Array("市辖区","3701","01");
ct[2] = new Array("历下区","3701","02");
ct[3] = new Array("市中区","3701","03");
ct[4] = new Array("槐荫区","3701","04");
ct[5] = new Array("天桥区","3701","05");
ct[6] = new Array("历城区","3701","06");
ct[7] = new Array("长清县","3701","23");
ct[8] = new Array("济阳县","3701","25");
ct[9] = new Array("平阴县","3701","24");
ct[10] = new Array("商河县","3701","26");
ct[11] = new Array("章丘市","3701","81");ct[12] = new Array("请选择","3702","");
ct[13] = new Array("市辖区","3702","01");
ct[14] = new Array("市南区","3702","02");
ct[15] = new Array("市北区","3702","03");
ct[16] = new Array("四方区","3702","05");
ct[17] = new Array("黄岛区","3702","11");
ct[18] = new Array("崂山区","3702","12");
ct[19] = new Array("李沧区","3702","13");
ct[20] = new Array("城阳区","3702","14");
ct[21] = new Array("即墨市","3702","82");
ct[22] = new Array("胶南市","3702","84");
ct[23] = new Array("胶州市","3702","81");
ct[24] = new Array("莱西市","3702","85");
ct[25] = new Array("平度市","3702","83");ct[26] = new Array("请选择","3706","");
ct[27] = new Array("市辖区","3706","01");
ct[28] = new Array("芝罘区","3706","02");
ct[29] = new Array("福山区","3706","11");
ct[30] = new Array("牟平区","3706","12");
ct[31] = new Array("莱山区","3706","13");
ct[32] = new Array("长岛县","3706","34");
ct[33] = new Array("海阳市","3706","87");
ct[34] = new Array("莱州市","3706","83");
ct[35] = new Array("莱阳市","3706","82");
ct[36] = new Array("龙口市","3706","81");
ct[37] = new Array("蓬莱市","3706","84");
ct[38] = new Array("栖霞市","3706","86");
ct[39] = new Array("招远市","3706","85");ct[40] = new Array("请选择","3707","");
ct[41] = new Array("市辖区","3707","01");
ct[42] = new Array("潍城区","3707","02");
ct[43] = new Array("奎文区","3707","05");
ct[44] = new Array("坊子区","3707","04");
ct[45] = new Array("寒亭区","3707","03");
ct[46] = new Array("青州市","3707","81");
ct[47] = new Array("昌乐县","3707","25");
ct[48] = new Array("昌邑市","3707","86");
ct[49] = new Array("高密市","3707","85");
ct[50] = new Array("临朐县","3707","24");
ct[51] = new Array("安丘市","3707","84");
ct[52] = new Array("寿光市","3707","83");
ct[53] = new Array("诸城市","3707","82");ct[54] = new Array("请选择","3703","");
ct[55] = new Array("市辖区","3703","01");
ct[56] = new Array("淄川区","3703","02");
ct[57] = new Array("张店区","3703","03");
ct[58] = new Array("博山区","3703","04");
ct[59] = new Array("临淄区","3703","05");
ct[60] = new Array("请选择","","");
ct[61] = new Array("周村区","3703","06");
ct[62] = new Array("高青县","3703","22");
ct[63] = new Array("桓台县","3703","21");
ct[64] = new Array("沂源县","3703","23");ct[65] = new Array("请选择","3723","");
ct[66] = new Array("滨州市","3723","01");
ct[67] = new Array("博兴县","3723","28");
ct[68] = new Array("惠民县","3723","21");
ct[69] = new Array("无棣县","3723","24");
ct[70] = new Array("阳信县","3723","23");
ct[71] = new Array("沾化县","3723","25");
ct[72] = new Array("邹平县","3723","30");ct[73] = new Array("请选择","3705","");
ct[74] = new Array("市辖区","3705","01");
ct[75] = new Array("东营区","3705","02");
ct[76] = new Array("河口区","3705","03");
ct[77] = new Array("广饶县","3705","23");
ct[78] = new Array("垦利县","3705","21");
ct[79] = new Array("利津县","3705","22");ct[80] = new Array("请选择","3729","");
ct[81] = new Array("菏泽市","3729","01");
ct[82] = new Array("曹 县","3729","22");
ct[83] = new Array("单 县","3729","25");
ct[84] = new Array("定陶县","3729","23");
ct[85] = new Array("东明县","3729","30");
ct[86] = new Array("巨野县","3729","26");
ct[87] = new Array("鄄城县","3729","29");
ct[88] = new Array("成武县","3729","24");
ct[89] = new Array("郓城县","3729","28");ct[90] = new Array("请选择","3708","");
ct[91] = new Array("市辖区","3708","01");
ct[92] = new Array("市中区","3708","02");
ct[93] = new Array("任城区","3708","11");
ct[94] = new Array("嘉祥县","3708","29");
ct[95] = new Array("金乡县","3708","28");
ct[96] = new Array("梁山县","3708","32");
ct[97] = new Array("曲阜市","3708","81");
ct[98] = new Array("微山县","3708","26");
ct[99] = new Array("","343","");
ct[100] = new Array("鱼台县","3708","27");
ct[101] = new Array("邹城市","3708","83");
ct[102] = new Array("兖州市","3708","82");
ct[103] = new Array("汶上县","3708","30");
ct[104] = new Array("泗水县","3708","31");ct[105] = new Array("请选择","3712","");
ct[106] = new Array("市辖区","3712","01");
ct[107] = new Array("莱城区","3712","02");
ct[108] = new Array("钢城区","3712","03");ct[109] = new Array("请选择","3715","");
ct[110] = new Array("市辖区","3715","01");
ct[111] = new Array("东昌府","3715","02");
ct[112] = new Array("东阿县","3715","24");
ct[113] = new Array("高唐县","3715","26");
ct[114] = new Array("冠 县","3715","25");
ct[115] = new Array("临清市","3715","81");
ct[116] = new Array("阳谷县","3715","21");
ct[117] = new Array("茌平县","3715","23");
ct[118] = new Array("莘 县","3715","22");ct[119] = new Array("请选择","3713","");
ct[120] = new Array("市辖区","3713","01");
ct[121] = new Array("兰山区","3713","02");
ct[122] = new Array("罗庄区","3713","11");
ct[123] = new Array("河东区","3713","12");
ct[124] = new Array("苍山县","3713","24");
ct[125] = new Array("费 县","3713","25");
ct[126] = new Array("临沭县","3713","29");
ct[127] = new Array("蒙阴县","3713","28");
ct[128] = new Array("平邑县","3713","26");
ct[129] = new Array("沂南县","3713","21");
ct[130] = new Array("沂水县","3713","23");
ct[131] = new Array("郯城县","3713","22");
ct[132] = new Array("莒南县","3713","27");ct[133] = new Array("请选择","3711","");
ct[134] = new Array("市辖区","3711","01");
ct[135] = new Array("东港区","3711","02");
ct[136] = new Array("五莲县","3711","21");
ct[137] = new Array("莒 县","3711","22");ct[138] = new Array("请选择","3709","");
ct[139] = new Array("市辖区","3709","01");
ct[140] = new Array("泰山区","3709","02");
ct[141] = new Array("郊 区","3709","11");
ct[142] = new Array("东平县","3709","23");
ct[143] = new Array("肥城市","3709","83");
ct[144] = new Array("宁阳县","3709","21");
ct[145] = new Array("新泰市","3709","82");ct[146] = new Array("请选择","3710","");
ct[147] = new Array("市辖区","3710","01");
ct[148] = new Array("环翠区","3710","02");
ct[149] = new Array("荣成市","3710","82");
ct[150] = new Array("乳山市","3710","83");
ct[151] = new Array("文登市","3710","81");ct[152] = new Array("请选择","3704","");
ct[153] = new Array("市辖区","3704","01");
ct[154] = new Array("市中区","3704","02");
ct[155] = new Array("薛城区","3704","03");
ct[156] = new Array("峄城区","3704","04");
ct[157] = new Array("台儿庄","3704","05");
ct[158] = new Array("山亭区","3704","06");
ct[159] = new Array("滕州市","3704","81");ct[160] = new Array("请选择","3714","");
ct[161] = new Array("市辖区","3714","01");
ct[162] = new Array("德城区","3714","02");
ct[163] = new Array("乐陵市","3714","81");
ct[164] = new Array("临邑县","3714","24");
ct[165] = new Array("陵 县","3714","21");
ct[166] = new Array("宁津县","3714","22");
ct[167] = new Array("平原县","3714","26");
ct[168] = new Array("齐河县","3714","25");
ct[169] = new Array("庆云县","3714","23");
ct[170] = new Array("武城县","3714","28");
ct[171] = new Array("夏津县","3714","27");
ct[172] = new Array("禹城市","3714","82");ct[173] = new Array("请选择","37","");var onecount = ct.length;
function changeCt(id, obj, city)
{
var opobj;
obj.length = 0;
for (var i=0; i<onecount; i++) {
if (ct[i][1] == id) {
opobj = obj.options[obj.length] = new Option(ct[i][0], ct[i][2]);
if (ct[i][2] == city) { //如果是当前城市
opobj.selected = true;
}
}
}
}
调用方法:
<select name="area" onChange="changeCt(document.form1.area.value, document.form1.city, '')" size="1">
<option value='37' selected>请选择</option>
<option value='3701'>济南市</option>
<option value='3702'>青岛市</option>
<option value='3706'>烟台市</option>
<option value='3707'>潍坊市</option>
<option value='3703'>淄博市</option>
<option value='3723'>滨州市</option>
<option value='3705'>东营市</option>
<option value='3729'>菏泽市</option>
<option value='3708'>济宁市</option>
<option value='3712'>莱芜市</option>
<option value='3715'>聊城市</option>
<option value='3713'>临沂市</option>
<option value='3711'>日照市</option>
<option value='3709'>泰安市</option>
<option value='3710'>威海市</option>
<option value='3704'>枣庄市</option>
<option value='3714'>德州市</option>
</select>
县市
<select name="city" size="1">
<option value='' selected>请选择</option>
</select>