체크박스 선택에 따라 다른폼 보여주기 정보
체크박스 선택에 따라 다른폼 보여주기
관련링크
본문
2 예제: http://www.108bul.com/bbs/board.php?bo_table=shopping&wr_id=2&cart_id=1191464957
소스중에 document.form1.reset(); //재설정 이부분은.. div 값이 변화에 따라 합산이 나와야 하기에..넣었습니다.
이하 소스입니다.
------------------
<script>
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false;
var isIE=document.all?true:false;
function option_ch(oDiv,flag){
if(isIE) {
if (flag){
oDiv.style.display="inline" ;//if flag true - show the div
b.style.display="none" ;//if flag true - show the div
document.form1.reset(); //재설정
}
else {
b.style.display="inline" ;
a.style.display="none" ;
}
}
else if(isNS6){
if (flag){
document.getElementById("oDiv").style.display="inline" ;//if flag true - show the div
document.getElementById("b").style.display="none" ;
document.form1.reset(); //재설정
}
else {
document.getElementById("b").style.display="inline" ;
document.getElementById("oDiv").style.display="none" ;
}
}
}
</script>
-------------------------
입력폼에서
<form1>
<input type=checkbox checked onclick='option_ch(a,this.checked)'> 규 격
<div id=a style="display:play;">
<select name=33 onChange="loadData2(this)" >
<option value="0">선택하세요</option>
<option value="11000">가로 100cm × 세로 100cm</option>
<option value="15000">가로 100cm × 세로 200cm</option>
<option value="17000">가로 100cm × 세로 250cm</option>
<option value="20000">가로 100cm × 세로 300cm</option>
</select>
<?
$nu_list = "";
for($nu=1; $nu <=50; $nu++){
$nu_list .= "<option value={$nu}>{$nu}</option>";
}
?>
수량: <select name=qt_num onChange="loadData(this)"><?=$nu_list?></select>
<script language="JavaScript">document.fwrite.33.value="<?=$write[33]?>";</script>
</div>
<div id=b style="display:none;">
가로 <input name=f1_1 style="width:30px;" onkeyup="input_sum()" > cm × 세로 <input name=f1_2 style="width:30px;" onkeyup="input_sum()" > cm
<?
$nu_list2 = "";
for($nu=1; $nu <=50; $nu++){
$nu_list2 .= "<option value={$nu}>{$nu}</option>";
}
?>
수량: <select name=f1_3 onChange="input_sum()" ><?=$nu_list2?></select>
</div>
</form>
2
댓글 3개
