下拉框值改变触发隐藏和显示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript">
                           $(document).ready(function(){
						   $("#p1,#p2").hide();
						          $("#sf").change(function(){
								        var a=$("#sf").val();
								  
								  if(a=="1")
								  {
								        $("#p1,#p2").hide();
								  }else
								  {
								       $("#p1,#p2").show();
								  }

								  });
                                  
						   })
</script>
<body>
         <div>
		           <p	id="p0">选择省份:
				   <select  id="sf">

		           <option value="1">请选择省份</option>

				   <option value="2">北京</option>

				   <option value="3">上海</option>

		           </select>
				   </p>
				   <p	id="p1">本科规模:<input type="text" id="bkgm"/></p>
				   <p   id="p2">专科规模:<input type="text" id="zkgm"/>
				          <input type="button" id="bt1" value="保存"/>	<input type="button" id="bt2" value="删除">
				   </p>
		 </div>
</body>
</head>
</html>

展开阅读全文

没有更多推荐了,返回首页