크롬80버전 결제 이슈, 영카트5 주요패치 확인!

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

컨텐츠몰 10% 할인
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
셀렉트박스 변경시 div 감추기

QA

가정의 달 맞이 SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

셀렉트박스 변경시 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를 작성 하셔야 됩니다~

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 11
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여8 회 시작20.05.27 19:24 종료20.06.01 19:24

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT