简单页面的下拉菜单javascript实现
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style>
#b1{
width:500px;
height:400px;
margin-left:40px;
margin-top:30px;
background-color:#cccccc;
}
#b1_head{
width:500px;
height:25px;
background-color:green;
color:white;
padding-left:0px;
padding-top:8px;
}
#b1_body{
color:white;
padding-left:40px;
padding-top:30px;
}
</style>
<script>
var arr2=new Array();
//arr2[-1]=[new Option("---市下级选项卡---","-1")];
arr2[0]=[new Option("榆中","yz"),new Option("兰大","ld"),new Option("北师大","bsd")];
arr2[1]=[new Option("武山","ws"),new Option("甘谷","gg"),new Option("清水","qs")];
arr2[2]=[new Option("酒泉1","11"),new Option("酒泉2","22"),new Option("酒泉3","33")];
var arr=new Array();
arr[0]=[new Option("---市下级选项卡---","-1")];
arr[1]=[new Option("兰州","lz"),new Option("天水","ts"),new Option("酒泉","jq")];
arr[2]=[new Option("杭州","hz"),new Option("温州","wz"),new Option("宁波","np")];
function chanage(index){
var s2=document.getElementById('s2');
s2.innerHTML='';
//s2.length= arr[index].length;
for(i=0;i<arr[index].length;i++){
s2.options[i]=arr[index][i];
}
}
function chanage2(index){
//alert(index);
var s3=document.getElementById('s3');
s3.innerHTML='';
//s3.length= arr[index].length;
for(j=0;j<arr2[index].length;j++){
s3.options[j]=arr2[index][j];
}
}
</script>
</head>
<body >
<div id="b1">
<div id="b1_head">级联菜单选项--省份选择</div>
<div id="b1_body">
<select id="s1" name="s1" onchange="chanage(this.selectedIndex);">
<option value="-1">---省份选项卡---</option>
<option value="gs">甘肃</option>
<option value="zj">浙江</option>
</select>
<select id="s2" name="s2" onchange="chanage2(this.selectedIndex);">
<option value="-1">---市级选项卡---</option>
</select>
<select id="s3" name="s3">
<option value="-1">---市下级选项卡---</option>
</select>
</div>
</div>
</body>
</html>
优质内容筛选与推荐>>1、将字符串中的数字转化为文字
2、[转]看懂时序图
3、2017-2018-2 20179223《网络攻防技术》第十四周作业
4、数据结构和算法设计专题之---八大内部排序 分类： Java 2014-07-29 11:07 629人阅读 评论(0) 收藏
5、文件操作(上传，下载，限制)