이전 목록 다음
채택완료

글쓰기 셀렉트 박스 선택시 다음 셀렉트 박스 나타나기

고고냥이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-03-16 (화) 12:31:10 3,099

지금 이런씩으로 해서

Copy 
<select name="wr_2" id="wr_2" class="frm_input small" style="height:30px;"   onChange="document.getElementById('wr_6').value=this.options[this.selectedIndex].text">
  <option value="">층수선택</option>
                    <option value="../theme/basic/skin/board/sort/img/1f.png" <?php echo ($wr_2 == "../theme/basic/skin/board/sort/img/1f.png")?'selected':'';?>>1F</option>
                    <option value="../theme/basic/skin/board/sort/img/2f.png" <?php echo ($wr_2 == "../theme/basic/skin/board/sort/img/2f.png")?'selected':'';?>>2F</option>
                    <option value="../theme/basic/skin/board/sort/img/3f.png" <?php echo ($wr_2 == "../theme/basic/skin/board/sort/img/3f.png")?'selected':'';?>>3F</option>|
                 </select>

층수 선택시 해당이미지가 나타나고 해당 텍스트가 wr_6번에 나타나게 까지 했는데

1F 선택시 해당하는 다음 셀렉트 박스가 나타나게 하고 싶습니다.  

방법이 있을까요?  숨겼다가 클릭시 class를 주어 보이게 해보기도 했는데 수정시 선택된 2번째 셀렉트가 숨겨져있어 그 방법은 사용못했어요 ㅜ

그누보드5
|

답변 1개

채택된 답변
+20 포인트
마마르스컴퍼니
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-03-16 (화) 13:46:55
Copy 
<select name="wr_2" id="wr_2" class="frm_input small" style="height:30px;">
    <option value="">층수선택</option>
    <option value="1f" <?php echo ($wr_2 == "1f") ? 'selected' : ''; ?>>1F</option>
    <option value="2f" <?php echo ($wr_2 == "2f") ? 'selected' : ''; ?>>1F</option>
    <option value="2f" <?php echo ($wr_2 == "3f") ? 'selected' : ''; ?>>1F</option>
</select>

 

<select name="wr_3" id="wr_3" class="frm_input small" style="display:none">
    ~
</select>

 

<script>
$(function() {
    if ($("#wr_2 option:selected").val() == '1f') {
        $('#wr_3').show();
        $('#wr_3').val('<?php echo $wr_3 ?>');
    }


    $('#wr_2').on('change', function() {
        if ($(this).val() == '1f')
            $('#wr_3').show();
        else
            $('#wr_3').hide();
    });
});
</script>

※ https://oingbong.tistory.com/175

답변을 작성하려면 로그인이 필요합니다.