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

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

QA

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

본문


<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가 보이지 않게 할려고 합니다.

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

이 질문에 댓글 쓰기 :

답변 1


<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를 작성 하셔야 됩니다~

답변을 작성하시기 전에 로그인 해주세요.
전체 0
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT