文章提供一款js 二级联动的下拉列表菜单效果哦,这是一款城市联动菜单效果,如果你正js联动菜单,可以进来看看,这是利用了一个数组来保存所有城市,然后再select下拉框放城市,每一个二维数组都是对任的城市。
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<script language="网页特效" type="text/javascript">
<!--
//按照省份下拉列表框的顺序定义二维数组,将城市列表对应到省份
var city=[
["北京","天津","上海","重庆"], //直辖市
["南京","苏州","南通","常州"], //江苏省
["福州","福安","龙岩","南平"], //福建省
["广州","潮阳","潮州","澄海"], //广东省
["兰州","白银","定西","敦煌"] //甘肃省
];function getcity(){
//获得身省份和城市下拉列表框的引用
var sltprovince=document.forms["theform"].elements["province"];
var sltcity=document.forms["theform"].elements["city"];
//得到对应于省份的城市列表数组
var provincecity=city[sltprovince.selectedindex-1];
//将城市下拉列表框清空,仅留第一个提示选项
sltcity.length=1;
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provincecity.length;i++){
//创建新的option对象并将其添加到城市下拉列表框中
sltcity[i+1]=new option(provincecity[i],provincecity[i]);
}
}
//-->
</script>
</head>
<body><form action="somepage.asp教程" name="theform">
<select name="province" onchange="getcity()">
<option value="0">请选择所在省份</option>
<option value="直辖市">直辖市</option>
<option value="江苏省">江苏省</option>
<option value="福建省">福建省</option>
<option value="广东省">广东省</option>
<option value="甘肃省">甘肃省</option>
</select>
<select name="city">
<option value="0">请选择所在城市</option>
</select>
</form>
</body>
</html>