셀렉트값에 따른 내용보여주기 채택완료
망이망소이
7년 전
조회 2,155
write.skin.php 페이지에서
wr_6값을 선택해서 jQuery를 통해
아래 내용들을 다르게 보여주는것을 만들었는데요.
wr_6값을 선택하고 저장한후
다시 수정할때는 wr_6값은 선택되어 있는데
내용이 아무것도 안보입니다.
wr_6값에 맞게 선택되어져 보이도록 하는 방법이
뭐가 있을까요??
</p>
<p><style></p>
<p>.tab1 {</p>
<p>display:none;</p>
<p>}</p>
<p>.tab2 {</p>
<p>display:none;</p>
<p>}</p>
<p>.tab3 {</p>
<p>display:none;</p>
<p>}</p>
<p></style> </p>
<p> </p>
<p><script></p>
<p>$("#wr_6").change(function(){</p>
<p> if( $(this).val() == '딸기' ) {</p>
<p> $(".tab1").show();</p>
<p> }</p>
<p> else{</p>
<p> $(".tab1").hide();</p>
<p> } </p>
<p>})</p>
<p>$("#wr_6").change(function(){</p>
<p> if( $(this).val() == '토마토' ) {</p>
<p> $(".tab2").show();</p>
<p> }</p>
<p> else{</p>
<p> $(".tab2").hide();</p>
<p> } </p>
<p>})</p>
<p>$("#wr_6").change(function(){</p>
<p> if( $(this).val() == '수박' ) {</p>
<p> $(".tab3").css("display","block");</p>
<p> }</p>
<p> else{</p>
<p> $(".tab3").hide();</p>
<p> } </p>
<p>})</p>
<p></script></p>
<p> </p>
<p> </p>
<p><select name='wr_6' id='wr_6'></p>
<p> <option value="">선택하세요.</option></p>
<p> <option value="딸기" <?php echo ($write['wr_6'] == "딸기") ? "selected" : "";?>>딸기</option></p>
<p> <option value="토마토" <?php echo ($write['wr_6'] == "토마토") ? "selected" : "";?>>토마토</option></p>
<p> <option value="수박" <?php echo ($write['wr_6'] == "수박") ? "selected" : "";?>>수박</option></p>
<p> </select></p>
<p> </p>
<p> <div class="tab1"></p>
<p> 딸기내용</p>
<p> </div></p>
<p> <div class="tab2"></p>
<p> 토마토내용</p>
<p> </div></p>
<p> <div class="tab3"></p>
<p> 수박내용</p>
<p> </div></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
7년 전
$("#wr_6").change( function(){ $('option', this).each( function(i) { i == this.parentNode.selectedIndex ? $('.tab' + i).show() : $('.tab' + i).hide(); }); }) $("#wr_6").trigger( 'change' );
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
망이망소이
7년 전
감사합니다. 캐시 지우고 하니까 잘됩니다. ^^
댓글을 작성하려면 로그인이 필요합니다.
7년 전