이전 목록 다음
채택완료

셀렉트박스 변경시 div 감추기

미나라
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-04-28 (월) 21:57:57 8,689
Copy 
<select id="ca_name"></select>
<option value="서울">서울</option>
<option value="부산">부산</option>

<div id="bo">서울</div>
<div id="bo">부산</div>


<script>
$( "#ca_name" )
  .change(function () {
   $("#bo").hide()
    });
  })
</script>

안녕하세요 문의 드립니다.

셀렉트 박스의 값이 바뀌면 해당 div가 보이지 않게 할려고 합니다.

위 코드중 뭐가 문제 일까요???

그누보드5 jquery
|

답변 1개

채택된 답변
+20 포인트
건건즈
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-04-29 (화) 03:41:53
Copy 
<select id="ca_name"> <option value="서울">서울</option><option value="부산">부산</option></select>

<div class="bo">서울</div><div class="bo">부산</div>

<script>$(document).ready(function() { $("#ca_name").change(function() {  var _index=$("#ca_name option").index($("#ca_name option:selected"));      $(".bo").eq(_index).hide();      });    });</script>

selet 태그가 부모니깐 option를 포함 해야 되구요

id는 문서상 하나만 가능하므로 class타입으로 바꿔야 가능합니다.

보이고 닫고 이렇게 하실려면 더 추가적인 jquery를 작성 하셔야 됩니다~

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