下拉菜单,主菜单选择,二级菜单显示相应的内容

<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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值