value값에 따라 다른 폼 적용하는 방법 알려주시면 감사하겠습니다
본문
<p class="inputnt">
<span style="float:left;width:30%;">유효기간</span>
<span style="float:left;width:70%;"><input type="text" name="wr_8" maxlength="100" itemname="유효기간" placeholder="유효기간" value="<?=$write["wr_8"]?>"></span>
</p>
<p class="inputnt">
<span style="float:left;width:30%;">출발일</span>
<span style="float:left;width:70%;"><input type="date" id="wr_9" name="wr_9" maxlength="100" required itemname="출발일" placeholder="출발일" value="<?=$write["wr_9"]?>"></span>
</p>
<p class="inputnt">
<span style="float:left;width:30%;">귀국일</span>
<span style="float:left;width:70%;">
<input type="date" id="wr_10" name="wr_10" maxlength="100" required itemname="귀국일" placeholder="귀국일" value="<?=$write["wr_10"]?>">
</span>
</p>
유효기간 wr_8 값이 '편도' 라면 아래 귀국일 입력폼이 나타나지 안게 하려고 합니다. 소스 코드좀 알려주시면 감사하겠습니다.
답변 1
<? if ($write[wr_8] != "편도") { ?>
<p class="inputnt">
<span style="float:left;width:30%;">귀국일</span>
<span style="float:left;width:70%;">
<input type="date" id="wr_10" name="wr_10" maxlength="100" required itemname="귀국일" placeholder="귀국일" value="<?=$write["wr_10"]?>">
</span>
</p>
<? } ?>
간단하게는 저렇게 하면 될 것 같은데
사용자가 입력할 때 실시간으로 입력폼을 감추려고 하는 거라면
자바 스크립트나 jQuery를 사용하면 될 것 같네요.
<? if (!$_GET[wr_id]) { ?>
<script>
$(function() {
$('input[name="wr_8"]').change(function() {
if ($(this).val() == '편도') {
$('input[name="wr_10"]').val('').hidden();
}
});
});
</script>
<? } ?>