<html> 




<select οnchange="changelocation('area', 'subarea', this.options[this.selectedIndex].value);" name="district" id="area" > 

 <option value="195">燕郊</option> 

 <option value="3">西城区</option> 

 <option value="12">东城区</option> 

 <option value="25">宣武区</option> 

 <option value="34">崇文区</option> 

 <option value="42">朝阳区</option> 

 <option value="66">丰台区</option> 

 <option value="83">海淀区</option> 

 <option value="112">石景山区</option> 


 <option value="124">昌平区</option> 

 <option value="127">房山区</option> 

 <option value="128">顺义区</option> 

 <option value="129">大兴区</option> 

 <option value="130">门头沟区</option> 

 <option value="131">平谷区</option> 

 <option value="132">密云县</option> 

 <option value="134">怀柔区</option> 

 <option value="135">延庆县</option> 


 <option value="136">通州区</option> 

</select> 

<select tabindex="302" name="subdistrict" id="subarea" fwin="register"> 

</select> 



<script> 


subcat=new Array(); 

subcat[0]= new Array(194,66,'草桥街道'); 

subcat[1]= new Array(4,3,'西长安街'); 

subcat[2]= new Array(5,3,'什刹海街道'); 

subcat[3]= new Array(7,3,'新街口街道'); 

subcat[4]= new Array(8,3,'金融界街道'); 

subcat[5]= new Array(9,3,'月坛街道'); 

subcat[6]= new Array(10,3,'展览路街道'); 

subcat[7]= new Array(11,3,'德胜街道'); 

subcat[8]= new Array(13,12,'景山街道'); 

subcat[9]= new Array(14,12,'安定门街道'); 

subcat[10]= new Array(15,12,'和平里街道'); 

subcat[11]= new Array(26,25,'椿树街道'); 

subcat[12]= new Array(17,12,'交道口街道'); 

subcat[13]= new Array(18,12,'东华门街道'); 

subcat[14]= new Array(19,12,'建国门街道'); 

subcat[15]= new Array(20,12,'东直门街道'); 

subcat[16]= new Array(21,12,'东四街道'); 

subcat[17]= new Array(22,12,'朝阳门街道'); 

subcat[18]= new Array(23,12,'北新桥街道'); 

subcat[19]= new Array(24,12,'雍和宫街道'); 

subcat[20]= new Array(27,25,'大栅栏街道'); 

subcat[21]= new Array(28,25,'天桥街道'); 

subcat[22]= new Array(29,25,'陶然亭街道'); 

subcat[23]= new Array(30,25,'广内街道'); 

subcat[24]= new Array(31,25,'广外街道'); 

subcat[25]= new Array(32,25,'牛街街道'); 

subcat[26]= new Array(33,25,'白纸坊街道'); 

subcat[27]= new Array(35,34,'前门街道'); 

subcat[28]= new Array(36,34,'崇文门外街道'); 

subcat[29]= new Array(37,34,'东花市街道'); 

subcat[30]= new Array(38,34,'天坛街道'); 

subcat[31]= new Array(39,34,'体育馆路街道'); 

subcat[32]= new Array(40,34,'龙潭街道'); 

subcat[33]= new Array(41,34,'永定门外街道'); 

subcat[34]= new Array(43,42,'朝外街道'); 

subcat[35]= new Array(44,42,'劲松街道'); 

subcat[36]= new Array(45,42,'亚运村街道'); 

subcat[37]= new Array(46,42,'望京街道'); 

subcat[38]= new Array(47,42,'团结湖街道'); 

subcat[39]= new Array(48,42,'呼家楼街道'); 

subcat[40]= new Array(49,42,'三里屯街道'); 

subcat[41]= new Array(50,42,'香河园街道'); 

subcat[42]= new Array(51,42,'双井街道'); 

subcat[43]= new Array(52,42,'建外街道'); 

subcat[44]= new Array(53,42,'和平街街道'); 

subcat[45]= new Array(54,42,'垡头街道'); 

subcat[46]= new Array(55,42,'酒仙桥街道'); 

subcat[47]= new Array(56,42,'六里屯街道'); 

subcat[48]= new Array(57,42,'麦子店街道'); 

subcat[49]= new Array(58,42,'潘家园街道'); 

subcat[50]= new Array(59,42,'小关街道'); 

subcat[51]= new Array(60,42,'安贞街道'); 

subcat[52]= new Array(61,42,'八里庄街道'); 

subcat[53]= new Array(62,42,'左家庄街道'); 

subcat[54]= new Array(63,42,'机场街道'); 

subcat[55]= new Array(64,42,'大屯街道'); 

subcat[56]= new Array(65,42,'东湖街道'); 

subcat[57]= new Array(67,66,'丰台街道'); 

subcat[58]= new Array(68,66,'西罗园街道'); 

subcat[59]= new Array(69,66,'方庄地区'); 

subcat[60]= new Array(70,66,'太平桥街道'); 

subcat[61]= new Array(71,66,'东铁营街道'); 

subcat[62]= new Array(72,66,'右安门街道'); 

subcat[63]= new Array(73,66,'长辛店街道'); 

subcat[64]= new Array(74,66,'新村街道'); 

subcat[65]= new Array(75,66,'卢沟桥街道'); 

subcat[66]= new Array(76,66,'云岗街道'); 

subcat[67]= new Array(77,66,'东高地街道'); 

subcat[68]= new Array(78,66,'南苑街道'); 

subcat[69]= new Array(79,66,'大红门街道'); 

subcat[70]= new Array(80,66,'马家堡街道'); 

subcat[71]= new Array(81,66,'和义街道'); 

subcat[72]= new Array(82,66,'宛平地区'); 

subcat[73]= new Array(93,83,'紫竹院街道'); 

subcat[74]= new Array(92,83,'八里庄街道'); 

subcat[75]= new Array(91,83,'甘家口街道'); 

subcat[76]= new Array(90,83,'羊坊店街道'); 

subcat[77]= new Array(89,83,'万寿路街道'); 

subcat[78]= new Array(94,83,'北下关街道'); 

subcat[79]= new Array(95,83,'北太平庄街道'); 

subcat[80]= new Array(96,83,'海淀街道'); 

subcat[81]= new Array(97,83,'中关村街道'); 

subcat[82]= new Array(98,83,'学院路街道'); 

subcat[83]= new Array(99,83,'清河街道'); 

subcat[84]= new Array(137,83,'青龙桥街道'); 

subcat[85]= new Array(101,83,'香山街道'); 

subcat[86]= new Array(102,83,'西三旗街道'); 

subcat[87]= new Array(103,83,'马连洼街道'); 

subcat[88]= new Array(104,83,'花园路街道'); 

subcat[89]= new Array(105,83,'田村路街道'); 

subcat[90]= new Array(106,83,'上地街道'); 

subcat[91]= new Array(107,83,'清华园街道'); 

subcat[92]= new Array(108,83,'永定路街道'); 

subcat[93]= new Array(111,83,'四季青街道'); 

subcat[94]= new Array(110,83,'上庄镇街道'); 

subcat[95]= new Array(113,112,'鲁谷社区'); 

subcat[96]= new Array(114,112,'金顶街街道'); 

subcat[97]= new Array(115,112,'古城街道'); 

subcat[98]= new Array(116,112,'八宝山街道'); 

subcat[99]= new Array(117,112,'老山街道'); 

subcat[100]= new Array(119,112,'五里坨街道'); 

subcat[101]= new Array(193,112,'广宁街道'); 

subcat[102]= new Array(121,112,'苹果园街道'); 

subcat[103]= new Array(122,112,'八角街道'); 

subcat[104]= new Array(125,124,'回龙观区域'); 

subcat[105]= new Array(126,124,'天通苑区域'); 

subcat[106]= new Array(138,124,'昌平县城'); 

subcat[107]= new Array(139,42,'管庄'); 

subcat[108]= new Array(140,129,'兴丰街道'); 

subcat[109]= new Array(141,129,'清源街道'); 

subcat[110]= new Array(142,129,'林校路街道'); 

subcat[111]= new Array(145,42,'南磨房地区'); 

subcat[112]= new Array(146,42,'高碑店地区'); 

subcat[113]= new Array(147,42,'将台地区'); 

subcat[114]= new Array(148,42,'太阳宫地区'); 

subcat[115]= new Array(149,42,'小红门地区'); 

subcat[116]= new Array(150,42,'十八里店地区'); 

subcat[117]= new Array(151,42,'平房地区'); 

subcat[118]= new Array(152,42,'东风地区'); 

subcat[119]= new Array(153,42,'奥运村地区'); 

subcat[120]= new Array(154,42,'来广营地区'); 

subcat[121]= new Array(155,42,'常营回族地区'); 

subcat[122]= new Array(156,42,'三间房地区'); 

subcat[123]= new Array(157,42,'金盏地区'); 

subcat[124]= new Array(158,42,'孙河地区'); 

subcat[125]= new Array(159,42,'崔各庄地区'); 

subcat[126]= new Array(160,42,'东坝地区'); 

subcat[127]= new Array(161,42,'黑庄户地区'); 

subcat[128]= new Array(162,42,'豆各庄地区'); 

subcat[129]= new Array(163,42,'王四营地区'); 

subcat[130]= new Array(164,83,'万柳地区'); 

subcat[131]= new Array(165,83,'东升地区'); 

subcat[132]= new Array(166,124,'南口地区'); 

subcat[133]= new Array(167,124,'马池口地区'); 

subcat[134]= new Array(168,124,'沙河地区'); 

subcat[135]= new Array(170,136,'北苑街道'); 

subcat[136]= new Array(171,136,'中仓街道'); 

subcat[137]= new Array(172,136,'新华街道'); 

subcat[138]= new Array(173,136,'玉桥街道'); 

subcat[139]= new Array(174,127,'城关街道'); 

subcat[140]= new Array(175,127,'东风街道'); 

subcat[141]= new Array(176,127,'向阳街道'); 

subcat[142]= new Array(177,127,'迎风街道'); 

subcat[143]= new Array(178,127,'新镇街道'); 

subcat[144]= new Array(179,127,'星城街道'); 

subcat[145]= new Array(180,127,'拱辰街道'); 

subcat[146]= new Array(181,127,'西潞街道'); 

subcat[147]= new Array(182,134,'龙山街道'); 

subcat[148]= new Array(183,134,'泉河街道'); 

subcat[149]= new Array(184,134,'怀柔地区'); 

subcat[150]= new Array(185,134,'庙城地区'); 

subcat[151]= new Array(186,134,'雁栖地区'); 

subcat[152]= new Array(187,130,'大峪街道'); 

subcat[153]= new Array(188,130,'城子街道'); 

subcat[154]= new Array(189,130,'东辛房街道'); 

subcat[155]= new Array(190,130,'大台街道'); 

subcat[156]= new Array(191,130,'王平地区'); 

subcat[157]= new Array(198,129,'亦庄开发区'); 

subcat[158]= new Array(196,195,'开发区'); 

subcat[159]= new Array(197,195,'科技区'); 



function changelocation(id,subarea, lid){ 

 document.getElementById("subarea").length = 0; 

 for (var i=0;i<subcat.length;i++) { 

 if (subcat[i][1] == lid){ 

 document.getElementById("subarea").options[document.getElementById("subarea").length] = new Option(subcat[i][2],subcat[i][0]); 

 } 

 } 


} 

</script> 


</html> 



多级下拉菜单关联显示: 



<html> 

<BODY> 

<SELECT NAME="s1"></SELECT> 

<SELECT NAME="s2"></SELECT> 

<SELECT NAME="s3"></SELECT> 

<SELECT NAME="s4"></SELECT> 


<SCRIPT LANGUAGE="JavaScript"> 

<!-- 


//选择框的名字 

selector = [ "s1", "s2", "s3", "s4" ]; 


//选择项: "名字", "值", 子选择 

menu = [ 

"地球","1", 

 [ 

 "中国","86", 

 [ 

 "北京","BJ", 

 [ 

 "--","1",null 

 ], 

 "四川","SC", 

 [ 

 "成都","28",null, 

 "乐山","",null, 

 "攀枝花","",null, 

 "自贡","",null, 

 "德阳","",null, 

 "绵阳","",null 

 ] 

 ], 


 "米国","1", 

 [ 

 "加利福尼亚","CA", 

 [ 

 "旧金山","1",null, 

 "洛杉矶","2",null 

 ], 

 "华盛顿","WA", 

 [ 

 "西雅图","seattle",null 

 ] 

 ] 


 ], 


"火星","2", 

 [ 

 "大峡谷","86", 

 [ 

 "小山丘","BJ", 

 [ 

 "A地区","28",null, 

 "B地区","",null, 

 "C地区","",null 

 ] 

 ] 

 ] 



]; 



function wizz(level) 

{ 

 if( level == 0 ) 

 a = menu; 

 else 

 { 

 str = "menu"; 

 for( i=0; i<level; i++ ) 

 str += "[" + (document.all[selector[i]].selectedIndex * 3 + 2) + "]"; 

 a = eval(str); 

 } 

 if( a == null ) return; 


 s = document.all[selector[level]]; 

 i = s.length; 

 while( i > 0 ) s.options[--i] = null; 

 while( i < Math.floor(a.length/3) ) 

 s.options[i] = Option( a[i*3], a[i++*3+1] ); 

 s.onchange = Function("wizz(" + (level+1) + ")"); 

 wizz(level+1); 

} 




wizz(0); 


//--> 

</SCRIPT> 




</BODY> 

</HTML>