드롭다운 상자 값 변경 트리거 숨기기 및 표시

1522 단어 JavaScriptjquery
<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>

좋은 웹페이지 즐겨찾기