숨겨진 div 내에 입력필드 필수 해제
본문
글쓰기폼에서 라디오버튼을 크릭을 하게되면 해당되는 입력필드가 보이거나 숨기거나 합니다.
서울을 클릭한경우 서울지역이란 셀렉트박스가 나타나고 필수항목으로 지정됩니다.
인천지역은 숨겨지구요. 인천지역 셀렉트박스는 필수가 해제되야합니다.
인천도 마찬가지로 인천을 클릭하면 인천지역은 필수로 지정되고 서울지역은 숨겨지고 필수 해제되야합니다.
즉, 숨겨진 셀렉트박스에 필수 지정이 해제가 안됩니다 ;;;;;;;;;;;;;;;
어떤게 문제인지요
<div class="cc h40 downline">
<div class="wh">분류</div>
<div class="wp">
<input type='radio' name="ca_name" required value="서울" <? if($write[ca_name] == "서울") echo 'checked';?> onclick='show(1);'> 서울
<input type='radio' name="ca_name" value="인천" <? if($write[ca_name] == "인천") echo 'checked';?> onclick='show(2);'> 인천
</div>
</div>
<div id='cas1' style='display:none;'><!----------------------------------------------------서울-->
<div class="cc h40 downline">
<div class="wh">서울지역</div>
<div class="wp">
<select name=wr_map1 id="map1" value="<?=$write[wr_map1]?>" class="h24 w200">
<option value="<?=$write[wr_map1]?>"><?=$write[wr_map1]?></option>
</select>
</div>
</div>
</div> <!----------------------------------------------------서울-->
<div id='cas2' style='display:none;'><!----------------------------------------------------인천-->
<div class="cc h40 downline">
<div class="wh">인천지역</div>
<div class="wp">
<select name=wr_map2 id="map2" value="<?=$write[wr_map2]?>" class="h24 w200">
<option value="<?=$write[wr_map2]?>"><?=$write[wr_map3]?></option>
</select>
</div>
</div>
</div> <!----------------------------------------------------인천-->
<script type="text/javascript">
function show(t){
if (t==1) {
document.getElementById('cas1').style.display = 'block';
document.getElementById('cas2').style.display = 'none';
$('#map1).attr('required','true').show() <----------------------이게 안먹힘
$('#map2).attr('required','false').show() <----------------------이게 안먹힘
}else if (t==2) {
document.getElementById('cas1').style.display = 'none';
document.getElementById('cas2').style.display = 'block';
$('#map1).attr('required','false').show() <----------------------이게 안먹힘
$('#map2).attr('required','true').show() <----------------------이게 안먹힘
}
} //function
</script>
서울을 클릭한경우 서울지역이란 셀렉트박스가 나타나고 필수항목으로 지정됩니다.
인천지역은 숨겨지구요. 인천지역 셀렉트박스는 필수가 해제되야합니다.
인천도 마찬가지로 인천을 클릭하면 인천지역은 필수로 지정되고 서울지역은 숨겨지고 필수 해제되야합니다.
즉, 숨겨진 셀렉트박스에 필수 지정이 해제가 안됩니다 ;;;;;;;;;;;;;;;
어떤게 문제인지요
<div class="cc h40 downline">
<div class="wh">분류</div>
<div class="wp">
<input type='radio' name="ca_name" required value="서울" <? if($write[ca_name] == "서울") echo 'checked';?> onclick='show(1);'> 서울
<input type='radio' name="ca_name" value="인천" <? if($write[ca_name] == "인천") echo 'checked';?> onclick='show(2);'> 인천
</div>
</div>
<div id='cas1' style='display:none;'><!----------------------------------------------------서울-->
<div class="cc h40 downline">
<div class="wh">서울지역</div>
<div class="wp">
<select name=wr_map1 id="map1" value="<?=$write[wr_map1]?>" class="h24 w200">
<option value="<?=$write[wr_map1]?>"><?=$write[wr_map1]?></option>
</select>
</div>
</div>
</div> <!----------------------------------------------------서울-->
<div id='cas2' style='display:none;'><!----------------------------------------------------인천-->
<div class="cc h40 downline">
<div class="wh">인천지역</div>
<div class="wp">
<select name=wr_map2 id="map2" value="<?=$write[wr_map2]?>" class="h24 w200">
<option value="<?=$write[wr_map2]?>"><?=$write[wr_map3]?></option>
</select>
</div>
</div>
</div> <!----------------------------------------------------인천-->
<script type="text/javascript">
function show(t){
if (t==1) {
document.getElementById('cas1').style.display = 'block';
document.getElementById('cas2').style.display = 'none';
$('#map1).attr('required','true').show() <----------------------이게 안먹힘
$('#map2).attr('required','false').show() <----------------------이게 안먹힘
}else if (t==2) {
document.getElementById('cas1').style.display = 'none';
document.getElementById('cas2').style.display = 'block';
$('#map1).attr('required','false').show() <----------------------이게 안먹힘
$('#map2).attr('required','true').show() <----------------------이게 안먹힘
}
} //function
</script>
답변을 작성하시기 전에 로그인 해주세요.