전하실 말씀 셀렉트로 선택
본문
안녕하세요.
주문페이지 전하실 말씀을 셀렉트로 선택해서
전달받고 싶은데 능력자님 도움 부탁드립니다.
기본 소스는
<tr>
<th scope="row"><label for="od_memo">전하실말씀</label></th>
<td><textarea name="od_memo" id="od_memo"></textarea></td>
</tr>
인데 사진처럼 선택해서 받고 직접입력시엔 기존처럼 메모장이 나와 타이핑으로도 받고 싶습니다. ㅜㅜ
답변 2
<tr>
<th scope="row">
<label for="od_memo">배송메모를 입력해주세요.</label>
</th>
<td>
<select id="od_memo_select">
<option value=1>배송전에 미리 연락바랍니다.</option>
<option value=2>부재시 경비실에 맡겨주세요.</option>
<option value=3>부재시 전화나 문자를 남겨주세요.</option>
<option value=4>직접입력</option>
</select>
<br>
<textarea name="od_memo" id="od_memo" style="display:none"></textarea>
</td>
</tr>
<script>
$("#od_memo_select").click(function(){
if( $(this).val() == 4 ) {
$("#od_memo").val('').show();
}
else {
$("#od_memo").val($(this).val()).hide();
}
});
</script>
답변 너무 감사합니다. 잘 적용되는데요. 문제는 직접입력 선택시 메모창이 2초정도 있다 나타나네요. ㅜㅜ 즉각 반응이 되었음 완벽할것 같아서요.
2초나 걸릴 이유가 없는데.. 캐시 삭제 해보셔요
모바일로 테스트 했는데요. 값전달 잘되고 적용은 아주 잘되네요.
2초 걸리는 현상은 제가 잘못 봤습니다. 혼선드려 죄송합니다.
테스트를 몇번이고 다시 해보니 예를들어 직접입력 셀렉트를 눌렀을때 반응이 없다
다시한번 셀렉트를 눌러주면 선택할수 있는 창이 뜨는데 그때서야 입력창이 노출되요. ㅠㅠ
다른 옵션선택도 모두 이와같이 현상입니다.
입력창이 나와있다면 다시 셀렉트를 눌러주어야 사라집니다.
셀렉트박스로 목록만드시고
직접입력 선택시 스크립트 이용해서 인풋박스 생성 또는 display 시켜주도록 만드시면 됩니다
답변을 작성하시기 전에 로그인 해주세요.
