select에 의해 input 항목들이 change 되도록...
본문
제목 그대로
select에 의해 input 항목들이 change 되는 것을 알고 싶습니다.
<select name="relate" id="relate">
<option value="1" selected>본인</option>
<option value="2">엄마</option>
<option value="3">아빠</option>
</select>
사이트 회원이 특별 정보를 입력하는 곳에
위와 같이 셀렉트에서 개인사항을 선택하면
<div>
<label for="myname"><b>이름</b><strong class="sound_only">필수</strong></label>
<input type="text" name="myname" value="<?php echo $member['mb_name'];?>" id="myname" required>
</div>
<div>
<label for="birth"><b>생년월일</b><strong class="sound_only">필수</strong></label>
<input type="text" name="birth" value="<?php echo $member['mb_birth'];?>" id="birth" required>
</div>
셀렉트에서 본인을 선택한 경우에는 (selected 되어 있습니다.)
위 인풋항에 본인 이름과 생년월일이 입력된 상태로 기본적으로 나타나고
셀렉트에서 엄마나 아빠를 선택한 경우에는
위 인풋항의 입력사항이 없어지게 하고 싶습니다.
위와 같이 구현하려면 어떻게 해야 할까요?
조언을 부탁 드립니다.(__)
답변 1
<script>
function toggle_info() {
var re = $("#relate").val();
if(re == "1") {
$("#info_name").show(0);
$("#info_birth").show(0);
$("#info_name").val("");
$("#info_birth").val("");
} else {
$("#info_name").hide(0);
$("#info_birth").hide(0);
$("#info_name").val("부모님");
$("#info_birth").val("1970-01-01");
}
}
</script>
<select name="relate" id="relate" onchange="toggle_info()">
<option value="1" selected>본인</option>
<option value="2">엄마</option>
<option value="3">아빠</option>
</select>
<div id="info_name">
<label for="myname"><b>이름</b><strong class="sound_only">필수</strong></label>
<input type="text" name="myname" value="<?php echo $member['mb_name'];?>" id="myname" required>
</div>
<div id="info_birth">
<label for="birth"><b>생년월일</b><strong class="sound_only">필수</strong></label>
<input type="text" name="birth" value="<?php echo $member['mb_birth'];?>" id="birth" required>
</div>
이름과 생년월일이 필수항목이기 때문에, hide로 감춰도 값은 입력되어야합니다.
그래서 부모님의 경우 고정값을 넣어서 처리하도록 했습니다.
야식금지님, 정말 감사합니다.
큰 도움이 되었습니다!!
즐거운 주말 되셔요~^^
답변을 작성하시기 전에 로그인 해주세요.