select option 에 따른 show, hide 적용하기

select 태그의 옵션에 따른 선택 영역 show, hide 속성변경하기

 

자꾸 헷갈려서 헷갈림 방지용 저장

내가 하려는 건 게시판에서 어떤 게시판을 선택할 때만 첨부파일 추가 칸(#addFile)이 생기는 것

​

이러한 속성을 적용하려면

<script type="text/javascript">

$(document).ready(function(){

      // 처음에는 보이지 않게 설정
	  $("#addFile").hide();
	  
	  $("select#boardType").change(function(){
		  if($("select#boardType").val()=="formboard"){ // select 태그의 옵션값이 "formboard" 라면
	     	 $("#addFile").show(); // 보이기
		  }
		  else{
			 $("#addFile").hide(); // 숨기기
		  }
	  });
}); 

자바스크립트 부분에 위와 같이 코드를 작성하면 된다.

나는 처음에 change 를 안쓰고 하다가 안돼서 머리 아팠는데

change를 사용했더니 바로 적용이됐다 ㅠㅠ

그냥 게시판일때는 첨부파일이 없다가

공통서식 게시판을 선택하면 파일첨부 부분이 나타난다.

다시 다른 게시판으로 변경하면 또 없어진다.