write.skin.php 파일에서 입력값을 선택 받으려면...
본문
<tr>
<td>
<select name="wr_2" id="wr_2" required class="required" >
<option value="">선택하세요</option>
<option value="mobile">휴대폰</option>
<option value="tv">TV</option>
<option value="cooker">밥통</option>
</select>
<script type='text/javascript'>document.getElementById('wr_2').value='<?php echo $wr_2?>';</script>
</td>
</tr>
위에처럼 write.skin.php 파일에 선택할수 있도록 만들어 둔 다음에,
휴대폰을 선택하면,
<tr>
<td>
<select name="wr_3" id="wr_3" required class="required" >
<option value="">선택하세요</option>
<option value="apl">애플</option>
<option value="ss">삼성</option>
<option value="lg">LG</option>
</select>
<script type='text/javascript'>document.getElementById('wr_3').value='<?php echo $wr_3?>';</script>
</td>
</tr>
그 바로 아래에 애플, 삼성, LG가 선택할수 있도록 나오고,
만약 밥통을 선택하면, 리홈, 쿠쿠, 코끼리 등등 나올수 있도록 하려면 어떻게 해야 할까요?
답변 1
<!-- jquery cdn -->
<script src="https://code.jquery.com/jquery-git1.min.js"></script>
<table>
<tr id="wr_2tr">
<td>
<select name="wr_2" id="wr_2" required class="required" >
<option value="">선택하세요</option>
<option value="mobile">휴대폰</option>
<option value="tv">TV</option>
<option value="cooker">밥통</option>
</select>
<script type='text/javascript'>document.getElementById('wr_2').value='<?php echo $wr_2?>';</script>
</td>
</tr>
<tr id="wr_3tr">
<td>
<select name="wr_3" id="wr_3" required class="required" >
<option value="">류대폰 선택하세요</option>
<option value="mobile">애플</option>
<option value="tv">삼송</option>
<option value="cooker">엘쥐</option>
</select>
<script type='text/javascript'>document.getElementById('wr_2').value='<?php echo $wr_2?>';</script>
</td>
</tr>
<tr id="wr_4tr">
<td>
<select name="wr_3" id="wr_4" required class="required" >
<option value="">tv 선택하세요</option>
<option value="mobile">삼송</option>
<option value="tv">앨쥐</option>
<option value="cooker">기타</option>
</select>
<script type='text/javascript'>document.getElementById('wr_2').value='<?php echo $wr_2?>';</script>
</td>
</tr>
<tr id="wr_5tr">
<td>
<select name="wr_4" id="wr_4" required class="required" >
<option value="">밥통 선택하세요</option>
<option value="mobile">코끼리</option>
<option value="tv">쿠쿠</option>
<option value="cooker">기타</option>
</select>
<script type='text/javascript'>document.getElementById('wr_2').value='<?php echo $wr_2?>';</script>
</td>
</tr>
</table>
<style>
#wr_3tr {display:none}
#wr_4tr {display:none}
#wr_5tr {display:none}
</style>
<script>
$("#wr_2").change(function () {
var str = $("#wr_2 option:selected").val();
if (str == 'mobile') {
$("#wr_3tr").show();
$("#wr_4tr").hide();
$("#wr_5tr").hide();
} else if (str == 'tv') {
$("#wr_3tr").hide();
$("#wr_4tr").show();
$("#wr_5tr").hide();
} else if (str =='cooker') {
$("#wr_3tr").hide();
$("#wr_4tr").hide();
$("#wr_5tr").show();
}
})
</script>
정말 간단하고 무식하게 대충 만들어 올립니다.
필요하신 기능은 살짝 수정해서 사용하심 될듯 합니다.
아 수고 스럽게 직접 해주셨네요..
감사합니다. 한번 해봐야 겠습니다.
답변을 작성하시기 전에 로그인 해주세요.