셀렉트박스 변경시 div 감추기 채택완료
미나라
11년 전
조회 8,378
</p>
<p><select id="ca_name"></select></p>
<p><option value="서울">서울</option></p>
<p><option value="부산">부산</option></p>
<p>
</p>
<p><div id="bo">서울</div></p>
<p><div id="bo">부산</div></p>
<p>
</p>
<p>
</p>
<p><script></p>
<p>$( "#ca_name" )</p>
<p> .change(function () {</p>
<p> $("#bo").hide()</p>
<p> });</p>
<p>
})</p>
<p></script></p>
<p>
</p>
<p>안녕하세요 문의 드립니다.
셀렉트 박스의 값이 바뀌면 해당 div가 보이지 않게 할려고 합니다.
위 코드중 뭐가 문제 일까요???
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
11년 전
</p>
<p><select id="ca_name">
<option value="서울">서울</option>
<option value="부산">부산</option>
</select></p>
<p>
</p>
<p><div class="bo">서울</div>
<div class="bo">부산</div></p>
<p>
</p>
<p><script>
$(document).ready(function() {
$("#ca_name").change(function() {
var _index=$("#ca_name option").index($("#ca_name option:selected"));
$(".bo").eq(_index).hide();
});
});
</script></p>
<p>
selet 태그가 부모니깐 option를 포함 해야 되구요
id는 문서상 하나만 가능하므로 class타입으로 바꿔야 가능합니다.
보이고 닫고 이렇게 하실려면 더 추가적인 jquery를 작성 하셔야 됩니다~
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인