셀렉트값에 따른 내용 보여주기 소스입니다.
딸기를 선택하면 이유를 묻는 건데요.
여기서 셀렉트를 라디오로 바꾸면 .change() 가 적용이 안되던데
어떻게 하시나요?
Copy
<tr>
<th scope="row"><label for="wr_7">좋아하는 과일</label></th>
<td class="wr_7">
<select name='wr_7' id='wr_7' >
<option value="">선택하세요.</option>
<option value="수박" <?php echo ($write['wr_7'] == "수박") ? "selected" : "";?>>수박</option>
<option value="사과" <?php echo ($write['wr_7'] == "사과") ? "selected" : "";?>>사과</option>
<option value="딸기" <?php echo ($write['wr_7'] == "딸기") ? "selected" : "";?>>딸기</option>
</select>
<? if ($w == '') { ?>
<br><input type="text" name="wr_10" value="<?=$write['wr_10']?>" id="wr_10" class="frm_input" maxlength="45" size="90" placeholder="좋아하는 이유는?" style="display:none;">
<? } else {?>
<br><input type="text" name="wr_10" value="<?=$write['wr_10']?>" id="wr_10" class="frm_input" maxlength="45" size="90" placeholder="좋아하는 이유는?">
<? } ?>
</td>
</tr>
<script>
$("#wr_7").change(function(){
if( $(this).val() == '딸기' ) {
$("[name=wr_10]").show();
}
else{
$("[name=wr_10]").hide();
}
})
$("#wr_7").trigger('change');
</script>
<tr>
Copy
<input type="radio" id=wr_7 name="wr_7" value="수박" <?php echo ($write['wr_7'] == "수박") ? "checked" : "";?> >수박
<input type="radio" id=wr_7 name="wr_7" value="사과" <?php echo ($write['wr_7'] == "사과") ? "checked" : "";?> >사과
<input type="radio" id=wr_7 name="wr_7" value="딸기" <?php echo ($write['wr_7'] == "딸기") ? "checked" : "";?> >딸기
|
답변 1개
채택된 답변
+20 포인트
2018-03-09 (금) 22:20:24
함수 선언부분을
$("#wr_7").on('click change', function() {
이렇게 바꿔보세요
답변을 작성하려면 로그인이 필요합니다.