채택완료
write.skin.php 파일에서 입력값을 선택 받으려면...
Copy
<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 파일에 선택할수 있도록 만들어 둔 다음에,
휴대폰을 선택하면,
Copy
<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개 / 댓글 1개
채택된 답변
+20 포인트
2015-05-10 (일) 18:11:02
Copy
<!-- 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>
정말 간단하고 무식하게 대충 만들어 올립니다.
필요하신 기능은 살짝 수정해서 사용하심 될듯 합니다.
답변에 대한 댓글 1개
2015-05-10 (일) 18:48:01
답변을 작성하려면 로그인이 필요합니다.
감사합니다. 한번 해봐야 겠습니다.