联动下拉菜单，没有人用过吗？300分啊！！

1<form name="form1">
2<select name="mClass" onchange="changeByValue(this.value)">
3<option selected="" value="">请选择大类分区</option>
4</select>
5<select name="mKind">
6<option selected="" value="">请选择小类分区</option>
7</select>
8</form>

 1<script language="javascript"><!--   
 2var mKindouterHTML = document.form1.mKind.outerHTML.substr(0, document.form1.mKind.outerHTML.length-9);   
 3function String.prototype.Trim(){return this.replace(/(^\s*) ¦(\s*$)/g,"");}   
 4function mclass()   
 5{   
 6var mclass = ["html","javascript","vbscript","css","sql","asp"];   
 7  
 8var e = document.form1.mClass;   
 9var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n";   
10for (var i=0; i<mclass.length; i++){   
11s += "<option value='"+ mclass[i] +"'>"+ mclass[i] +"</option>\r\n";}   
12s += "</select>";   
13e.outerHTML = s;   
14} mclass();   
15function changeByValue(val)   
16{   
17var mhtml = ["html"];   
18var mjavascript = ["语句","方法"]   
19var mvbscript = ["vbscript"]   
20var mcss = ["css"]   
21var msql = ["sql"]   
22var masp = ["asp"]   
23  
24var e = document.form1.mKind;   
25var s = mKindouterHTML;   
26if (val.Trim() == "") {s += "</select>"; e.outerHTML = s; return;}   
27var a = eval("m"+ val);   
28for (var i=0; i<a.length; i++){   
29s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";}   
30s += "</select>";   
31e.outerHTML = s;   
32}   
33// --></script>

1<select name="example" onchange="chinaredirect(this.selectedIndex)" style="width=90px">
2<option selected="">请选择地区</option>
3<option>华北地区</option>
4<option>华东地区</option>
5<option>华南地区</option>
6<option>华中地区</option>
7</select>

1<br/>

1<select name="stage2" style="width=90px"></select>

1<br/>

1<br/>

 1<script language="JavaScript">   
 2<!--   
 3//初始化程序   
 4  
 5//取得联动菜单一（example为联动菜单一名字）选项个数   
 6var chinagroups=document.all.item("example").options.length;   
 7  
 8//动态建与联动菜单一（example）选项个数匹配的选项数组   
 9var chinagroup=new Array(chinagroups);   
10  
11//为每个选项组建立动态子选项对象   
12for (i=0; i<chinagroups; i++) chinagroup[i]=new Array();   
13  
14/*   
15下面是添加联动菜单二的选项，对应参数为以   
16chinagroup[0][0]=new Option("请选择地区","");   
17来说明，[0][0]，前面的[0]指与联动菜单一的第一项，后一个[0]指与   
18联动菜单一第一项对应的联动菜单二的第一项的内容，其中   
19new Option("请选择地区","");   
20中的"请选择地区"为显示内容，""为与该选项对应的值（value），只要   
21按照这个规律添加相应选项即可。   
22*/   
23  
24//与联动菜单一对应的第一个选项“请选择地区”对应的联动菜单二的选项   
25chinagroup[0][0]=new Option("请选择地区","");   
26  
27//与联动菜单一对应的第二个选项“请选择地区”对应的联动菜单二的选项   
28chinagroup[1][0]=new Option("请选择城市","请选择城市");   
29chinagroup[1][1]=new Option("北京","54511");   
30chinagroup[1][2]=new Option("天津","54527");   
31chinagroup[1][3]=new Option("石家庄","53698");   
32  
33//与联动菜单一对应的第三个选项“请选择地区”对应的联动菜单二的选项   
34chinagroup[2][0]=new Option("请选择城市","请选择城市");   
35chinagroup[2][1]=new Option("北京","54511");   
36chinagroup[2][2]=new Option("天津","54527");   
37  
38//与联动菜单一对应的第四个选项“请选择地区”对应的联动菜单二的选项   
39chinagroup[3][0]=new Option("请选择城市","请选择城市");   
40chinagroup[3][1]=new Option("合肥","58321");   
41chinagroup[3][2]=new Option("上海","58362");   
42  
43//与联动菜单一对应的第五个选项“请选择地区”对应的联动菜单二的选项   
44chinagroup[4][0]=new Option("请选择城市","请选择城市");   
45chinagroup[4][1]=new Option("福州","58847");   
46chinagroup[4][2]=new Option("南宁","59431");   
47  
48//初始化结束   
49  
50//改变联动菜单二的选项的函数   
51function chinaredirect(x)   
52{   
53//取得联动菜单二的对象（stage2为联动菜单二名字）   
54var chinatemp=document.all.item("stage2");   
55  
56//把联动菜单二的选项逐一置空（删除）   
57for (m=chinatemp.options.length-1;m>0;m--)   
58chinatemp.options[m]=null ;   
59  
60//采用逐一建立联动菜单二的新选项。   
61for (i=0;i<chinagroup[x].length;i++)   
62chinatemp.options[i]=new Option(chinagroup[x][i].text,chinagroup[x][i].value);   
63  
64//设置联动菜单二的第一个选项为选择项   
65chinatemp.options[0].selected=true;   
66}   
67//-->   
68</script>