카테고리 분류 셀텍트 박스 형식 에서 궁금한게 잇어요
<?php $category_location = "./board.php?bo_table=$bo_table&sca="; $category_option_old = get_category_option($bo_table, $sca); // SELECT OPTION 태그로 넘겨받음 ?> <form name="fcategory" method="get"> <select name=sca onchange="location='<?=$category_location?>'+this.value;"> <option value="">전체보기</option><?=$category_option_old?> </select></form>qna 검색중 찾은 소스로 기존 분류(카테고리)를 셀렉트 형식으로 넣었는데요
여기서 셀렉트 박스를 선택할때 onclick 명령을 넣고 싶습니다.
분류1
분류2
분류3
분류4
이렇게 4가지의 카테고리가 있고
분류 1을 열었을때 onclick="document.getElementById('div1').style.display='block';" 명령으로
기존에 숨겨둔 div1 를 보여지고 다른 분류를 선택하면 감춰지게 하고 싶은데
어떻게 해야 할까요?
4가지 분류 마다 보여주어야할 div는 div1 div2.. 이런 순입니다..
답변 2개 / 댓글 7개
다음처럼 하면 됩니다
<style>
.optk{display:none;}
</style>
<div class='optk'>111111111</div>
<div class='optk'>222222222</div>
<div class='optk'>3333333333</div>
<div class='optk'>4444444444</div>
<select name=sca onchange="$('.optk').hide().eq(this.selectedIndex).show();">
답변에 대한 댓글 4개
onchange에 location.href를 넣어버리면 페이지 이동이 되어버리니
div가 보이고 안보이고 하는 것은 아무 소용없는 처리가 되어버리죠
어떤 처리를 원하는지 알 수가 없네요
<option value="">전체보기</option><------ 이게 있군요
하여튼 div 보이고 안보이는 기능은 아래처럼 해야겠습니다
<select name=sca onchange="if(this.selectedIndex==0) $('.optk').show(); else{$('.optk').hide().eq(this.selectedIndex-1).show();} ">
답변에 대한 댓글 3개
div를 보이게 하고싶다는 것이군요
이렇게 하면 됩니다
<select onchange="location~~~"><---원래 소스대로 하고
아래쪽 자바 스크립트 부분에
$(function(){
document.fcategory.sca.value='<?=$sca?>";
idx = document.fcategory.sca.selectedIndex;
if(idx ==0) $('.optk').show();
else{$('.optk').hide().eq(idx -1).show();}
});
답변을 작성하려면 로그인이 필요합니다.