jquery 선택값에 따라 button 안보이게 하는 방법

웹프로그램 개발시 어떤 항목을 선택하냐에 따라 버튼이 보이고 안보이고 하는 기능을 구현하고 싶을때

유용한 정보입니다.

화면의 selectbox의 값을 변경할때 button이 보이고 안보이고,

'덴크리'라는 회사가 선택되면 화면에 버튼이 보이고,

'서한컴퍼니'라는 회가 선택하면 화면의 버튼이 사라지는 화면을 구성해봤습니다.

버튼이 없는 상태, 매입처를 덴크리로 변경하면 버튼이 생긴다.

20개의 버튼이 생겼습니다.

코드는 아주 간단한데 아래와 같습니다. 

.hide   .show    method를 사용해서 작성한다.

// change method 강제 실행하는 방법 
Do_delbutton()
 
// 매입처를 덴크리/서한컴퍼니 변경하면 동작하도록 구성	
$("#firstord").change(function(){
    Do_delbutton()
});	
	
// 매입처를 덴크리/서한컴퍼니 변경하면 동작하도록 구성	 실제 실행코드
function Do_delbutton() {
 	if($('#firstord').val()!='덴크리')
	{
		for(i=1;i<=10;i++)
		{
		 $('#cal_both' + i).hide();
		 $('#cal_frame' + i).hide();		 
		}
	}
	else
	{
		for(i=1;i<=10;i++)
		{
		 $('#cal_both' + i).show();
		 $('#cal_frame' + i).show();		 
		}
	}     
}

 

혹시 이걸로 고민하는 분들에게 도움이 되었으면 합니다.

여러가지 수정하다가 아이디어로 찾아다니면서 하고 있어요~

즐거운 코딩되세요~