日期:2014-05-16  浏览次数:20986 次

联级菜单的实现,请路过的前辈,帮助。

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<html>
<head>
<script language="javascript">
function panduansheng1()
{
var a=new Array();
var b=new Array('黑龙江省','吉林省','辽宁省','河北省','甘肃省','山西省','山东省','青海省','河南省','陕西省','江苏省','安徽省','湖北省','四川省','浙江省','江西省','湖南省','贵州省','福建省','云南省','广东省','海南省','台湾省','北京直辖市','上海直辖市','重庆直辖市','天津直辖市','内蒙古自治区','新疆维吾尔自治区','西藏自治区','广西壮族自治区','宁夏回族自治区','香港特别行政区','澳门特别行政区');
a[0]=new Array('0','哈尔滨市','哈尔滨市');
a[1]=new Array('0','齐齐哈尔市','齐齐哈尔市');
a[2]=new Array('1','长春市','长春市');
a[3]=new Array('2','沈阳市','沈阳市');
a[4]=new Array('3','保定市','保定市');
var c = document.getElementById("shi1");
var d = document.getElementById("sheng1").selectedIndex;
var e = document.getElementById("sheng1").options[d].text;
if(e!="省地区选择")
{
c.options.remove(c.options.length=1);
for(var f=0;f<c.length;f++)
{
c.options.add(new Option(b[f-1][f-1]));
}
}
else
{
for(var j=c.options.length;j>0;j--)
{
c.options.remove(j);
}
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<form name="form1" method="post" action="">
  <table width="100%" border="0">
    <tr>
      <td>省选择:<select name="sheng1" id="sheng1" onChange="panduansheng1();">
    <option value="省地区选择" selected>省地区选择</option>
<option value="黑龙江省">黑龙江省</option>
<option value="吉林省">吉林省</option>
<option value="辽宁省">辽宁省</option>
  </select></td>
    </tr>
    <tr>
      <td>市选择:<select name="shi1" id="shi1">
      <option value="市地区选择" selected>市地区选择</option>
    </select></td>
    </tr>
  </table>
</form>
</body>
</html>

------解决方案--------------------
这种联动还要考虑赋值,也就是修改内容时默认选中省市。给你一个参考代码:中国省市信息联动插件
------解决方案--------------------
二级联动 、三级联动、还是五级联动? 
//下面是二级联动的代码
<select id="prov" onchange="city(this.value)"><option>选择省份</option><select>
<select id="city"><option>选择城市</option><select>
==js  代码
<script>
var p=new Array();
p[0]="北京";
p[1]="上海";
p[2]="天津";
var c=new Array();
c[0]=["海淀","朝阳","金水","阿拉基"];
c[1]=["虹口","金三角","斯科拉","睡莲科"];
c[2]=["津口","静安里","围殴激发","静安路"];
//选择省份
window.onload=function()
{
obj=document.getElementById("prov");
for(i=0;i<p.length;i++)
{
myop=document.createElement("option");
myop.innerHTML=p[i];
myop.value=i;
obj.appendChild(myop);
}
}
//选择城市
function city(val)
{
mycy=document.getElementById("city");
var arr=c[val];
mycy.length=1;   //清零
for(i=0;i<arr.length;i++)
{
myopt=document.createElement("option");
myopt.innerHTML=arr[i];
mycy.appendChild(myopt);
}
}
//改变背景颜色
f