也就是在网页上我点击一个链接,就会出现一个菜单,再点击出现的菜单中的一项,又会出现下一级菜单,依此类推的样式
---------------------------------------------------------------
1<form name="form1">
2<select name="province" onchange="cityName(this.selectedIndex)">
3<option value="">请选择省名</option>
4</select>
5<select name="city">
6<option value="">请选择城名</option>
7</select>
8</form>
1<script language="javascript">
2
3var city1 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
4var city2 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
5var city3 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
6var city4 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"];
7var provinceName = ["浙江", "江苏", "安徽", "江西"];
8
9
10function province()
11{
12
13var e = document.form1.province;
14for (var i=0; i<provinceName.length; i++)
15e.options.add(new Option(provinceName[i], provinceName[i]));
16}
17function cityName(n)
18{
19var e = document.form1.city;
20for (var i=e.options.length; i>0; i--) e.remove(i);
21if (n == 0) return;
22var a = eval("city"+ n); //得到城市的数组名
23for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));
24}
25function window.onload()
26{
27province(); //初始时给省名下拉菜单赋内容
28}
29</script>