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