테스트 사이트 - 개발 중인 베타 버전입니다

select 항목 선택시 숨기고 출력하고 채택완료

연탄집개 5년 전 조회 2,317

처음에는 select 부분만 보이고있다..

select항목에서 선택시 해당하는 항목만 보이게 하려합니다.

 

 

여기서 부터 막혀서 도움 좀 청합니다.

감사합니다.

소스는 아래 올려 드립니다. --

 

 

select소스 시작

        
                         
                                  
        
    

select소스 끝

 

 

 

개요시 보이게

        
                         
                             
        
   

개요시 보이게

 

 

상영작시  보이게

    

        
                         
                             
        
   

상영작시  보이게

 

 

 

 

스크립트 소스 입니다.

   $(function() {         $('.veiw2').toggle($('#wr_5').val()==2);         $('.veiw1').toggle($('#wr_5').val()==1);         $('#wr_5').change(function() {             var val = $(this).val();                         $('.veiw1').toggle(val==1);                         $('.veiw2').toggle(val==2);                     });     });

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
5년 전

복잡하게 할거 있나요.. 전부 닫고 해당하는것만 열어주시면 되죠

</p>

<p>$(function() {

   $('#wr_5').change(function() {

      var val = $(this).val();            

      $('.view1').hide(); </p>

<p>      $('.view2').hide(); </p>

<p>      $('.view' + val).show()<span style="font-size: 0.9em;">; </span></p>

<p>   });

});</p>

<p>

공통 클래스가 있다면 클래스 이름으로 닫고 해당하는 id 만 열면 되겠네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인