글쓰기 셀렉트 박스 선택시 다음 셀렉트 박스 나타나기
본문
지금 이런씩으로 해서
<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번째 셀렉트가 숨겨져있어 그 방법은 사용못했어요 ㅜ
답변 1
<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>
답변을 작성하시기 전에 로그인 해주세요.