javascript——tab
<?php
?>
<!DOCTYPE HTML>
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
function t1(major) {
var arr=['qiezi','banner'];
for(var i=0,len=arr.length;i<len;i++){
if(arr[i]==major){
document.getElementById(arr[i]).style.display='block';
}else{
document.getElementById(arr[i]).style.display='none';
}
}
}
</script>
<style type="text/css">
div{
width:960px;
margin:0 auto;
}
.form1{
text-align:center;
}
option{
width:90px;
}
#zhu,#ben{
display:none;
}
</style>
</head>
<body>
<div>
<form method="post" action=""class="form1" autocomplete="off">
<h1>请填写招生表单</h1>
<select class="selyear">
<option value="">请选择年份</option>
<option name="year" value="2012">2012</option>
<option name="year" value="2013">2013</option>
</select><br /><br />
<select id="province">
<option value="">请选择省份</option>
<option value="安徽">安徽</option>
<option value="北京">北京</option>
<option value="重庆">重庆</option>
<option value="福建">福建</option>
<option value="甘肃">甘肃</option>
<option value="贵州"> 贵州</option>
<option value="广东">广东</option>
<option value="广西"> 广西</option>
<option value="河北">河北</option>
<option value="河南">河南</option>
<option value="海南">海南</option>
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="黑龙江">黑龙江</option>
<option value="江苏">江苏</option>
<option value="江西">江西</option>
<option value="吉林">吉林</option>
<option value="辽宁">辽宁</option>
<option value="内蒙古">内蒙古</option>
<option value="宁夏">宁夏</option>
<option value="青海">青海</option>
<option value="上海">上海</option>
<option value="山东">山东</option>
<option value="山西">山西</option>
<option value="四川">四川</option>
<option value="陕西">陕西</option>
<option value="天津">天津</option>
<option value="新疆">新疆</option>
<option value="西藏">西藏</option>
<option value="云南">云南</option>
<option value="浙江">浙江</option>
</select><br/><br />
<select name="" id="">
<option value="" onclick="t1('sel');">请选择文理科</option> //这个地方有个小技巧，传sel参数进去，arr[i]一一与sel不对应，所以t1('qiezi')&t1('banner')
<option name="ben" value="本科" onclick="t1('qiezi');">茄子</option>
<option name="zhu" value="专科" onclick="t1('zhu');">香蕉</option>
</select><br /><br />
<select name="">
<option value="">请选择</option>
<option value="水果" >水果</option>
<option value="沙拉" >沙拉</option>
</select>
<p id="ben">这个是本科</p>
<p id="zhu">这个是专科</p>
</form>
</div>
</body>
</html>
?>
<!DOCTYPE HTML>
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
function t1(major) {
var arr=['qiezi','banner'];
for(var i=0,len=arr.length;i<len;i++){
if(arr[i]==major){
document.getElementById(arr[i]).style.display='block';
}else{
document.getElementById(arr[i]).style.display='none';
}
}
}
</script>
<style type="text/css">
div{
width:960px;
margin:0 auto;
}
.form1{
text-align:center;
}
option{
width:90px;
}
#zhu,#ben{
display:none;
}
</style>
</head>
<body>
<div>
<form method="post" action=""class="form1" autocomplete="off">
<h1>请填写招生表单</h1>
<select class="selyear">
<option value="">请选择年份</option>
<option name="year" value="2012">2012</option>
<option name="year" value="2013">2013</option>
</select><br /><br />
<select id="province">
<option value="">请选择省份</option>
<option value="安徽">安徽</option>
<option value="北京">北京</option>
<option value="重庆">重庆</option>
<option value="福建">福建</option>
<option value="甘肃">甘肃</option>
<option value="贵州"> 贵州</option>
<option value="广东">广东</option>
<option value="广西"> 广西</option>
<option value="河北">河北</option>
<option value="河南">河南</option>
<option value="海南">海南</option>
<option value="湖北">湖北</option>
<option value="湖南">湖南</option>
<option value="黑龙江">黑龙江</option>
<option value="江苏">江苏</option>
<option value="江西">江西</option>
<option value="吉林">吉林</option>
<option value="辽宁">辽宁</option>
<option value="内蒙古">内蒙古</option>
<option value="宁夏">宁夏</option>
<option value="青海">青海</option>
<option value="上海">上海</option>
<option value="山东">山东</option>
<option value="山西">山西</option>
<option value="四川">四川</option>
<option value="陕西">陕西</option>
<option value="天津">天津</option>
<option value="新疆">新疆</option>
<option value="西藏">西藏</option>
<option value="云南">云南</option>
<option value="浙江">浙江</option>
</select><br/><br />
<select name="" id="">
<option value="" onclick="t1('sel');">请选择文理科</option> //这个地方有个小技巧，传sel参数进去，arr[i]一一与sel不对应，所以t1('qiezi')&t1('banner')
<option name="ben" value="本科" onclick="t1('qiezi');">茄子</option>
<option name="zhu" value="专科" onclick="t1('zhu');">香蕉</option>
</select><br /><br />
<select name="">
<option value="">请选择</option>
<option value="水果" >水果</option>
<option value="沙拉" >沙拉</option>
</select>
<p id="ben">这个是本科</p>
<p id="zhu">这个是专科</p>
</form>
</div>
</body>
</html>