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="" οnclick="t1('sel');">请选择文理科</option> //这个地方有个小技巧,传sel参数进去,arr[i]一一与sel不对应,所以t1('qiezi')&t1('banner')
<option name="ben" value="本科" οnclick="t1('qiezi');">茄子</option>
<option name="zhu" value="专科" οnclick="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>

转载于:https://my.oschina.net/maner/blog/148102

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值