셀렉트박스 변경시 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를 작성 하셔야 됩니다~
답변을 작성하시기 전에 로그인 해주세요.