셀렉트박스의 선택값 출력문의드립니다. 정보
셀렉트박스의 선택값 출력문의드립니다.본문
아래내용에 대하여 질문드립니다.
<td width="10%">
<p>항목</p>
</td>
<td width="40%">
<p><select style="background-color:#EEEEEE;" name="array_data[]">
<option value="1000" <?if($array_data[1]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[1]=="2번"){?>selected<?}?>>2번</option>
</select> <INPUT maxLength="18" size="18" name="array_data[]" value="<?=$array_dat[6]?>" class="input" readonly></p>
</td>
셀렉트에서 1번,2번을 선택하면 우측입력폼에 선택의 값이 바로 출력되게 하려면 어떻게 해야하는지요..??
<td width="10%">
<p>항목</p>
</td>
<td width="40%">
<p><select style="background-color:#EEEEEE;" name="array_data[]">
<option value="1000" <?if($array_data[1]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[1]=="2번"){?>selected<?}?>>2번</option>
</select> <INPUT maxLength="18" size="18" name="array_data[]" value="<?=$array_dat[6]?>" class="input" readonly></p>
</td>
셀렉트에서 1번,2번을 선택하면 우측입력폼에 선택의 값이 바로 출력되게 하려면 어떻게 해야하는지요..??
댓글 전체
<form name="form">
<select style="background-color:#EEEEEE;" name="sss" onchange="change(this.form)">
<option selected="selected">선택</option>
<option value="1000">1번</option>
<option value="6000">2번</option>
<option value="7000">3번</option>
</select>
<input name="ttt" type="text" readonly>
</form>
<script language="javascript">
function change(f)
{
val = f.sss.value;
f.ttt.value = val;
}
</script>
<select style="background-color:#EEEEEE;" name="sss" onchange="change(this.form)">
<option selected="selected">선택</option>
<option value="1000">1번</option>
<option value="6000">2번</option>
<option value="7000">3번</option>
</select>
<input name="ttt" type="text" readonly>
</form>
<script language="javascript">
function change(f)
{
val = f.sss.value;
f.ttt.value = val;
}
</script>
엘리먼트의 이름을 array_data[] 이렇게 하시면 찾기 좀 곤란하구요.
만약 두개 뿐이라면 select 박스이름은 array_data[0] 이되고
input 박스는 array_data[1] 이 되겠죠..^^
만약 두개 뿐이라면 select 박스이름은 array_data[0] 이되고
input 박스는 array_data[1] 이 되겠죠..^^
</select> <INPUT
이 사이에 공백을 없애시고
<select onChange="this.nextSibling.value=this.value;"
이벤트 추가하시면 됩니다.
이 사이에 공백을 없애시고
<select onChange="this.nextSibling.value=this.value;"
이벤트 추가하시면 됩니다.
해결할수 있도록 도와주셔서 너무 감사합니다.
아래 질문하나 더 부탁드리겠습니다.
하나 하면 하나가 또 걸리네요...
<td width="10%">
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[1]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[1]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT maxLength="18" size="18" name="array_data[]" class="input" readonly value="<?=$array_data[1]?>"> </p>
</td>
<td width="10%">
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[2]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[2]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT maxLength="18" size="18" name="array_data[]" value="<?=$array_data[2]?>" class="input" readonly></p>
<p></td></p>
<p>=============================</p>
<p>합계 = <input type="text" name="<?=$array_data[3]?>"></p>
$array_data[1]과 $array_data[2]의 서택되어진 값이 아래 입력폼에 자동 합산되어 출력되게 하려면 어찌해야되는지요..??
아래 질문하나 더 부탁드리겠습니다.
하나 하면 하나가 또 걸리네요...
<td width="10%">
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[1]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[1]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT maxLength="18" size="18" name="array_data[]" class="input" readonly value="<?=$array_data[1]?>"> </p>
</td>
<td width="10%">
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[2]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[2]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT maxLength="18" size="18" name="array_data[]" value="<?=$array_data[2]?>" class="input" readonly></p>
<p></td></p>
<p>=============================</p>
<p>합계 = <input type="text" name="<?=$array_data[3]?>"></p>
$array_data[1]과 $array_data[2]의 서택되어진 값이 아래 입력폼에 자동 합산되어 출력되게 하려면 어찌해야되는지요..??
<INPUT maxLength="18" size="18" name="array_data[]" class="input" readonly value="<?=$array_data[1]?>">
여기에 id를 추가하고
<INPUT id="a_data1" .....
그렇게 해서 id가 a_data1, a_data2가 있고
합계 낼 <input은 id="a_sum" 이라고 하면
function a_func() {
document.getElementById( 'a_sum').value=
parseInt( document.getElementById( 'a_data1').value) +
parseInt( document.getElementById( 'a_data1').value);
}
이 a_func를 <select 옆에 있는 <input에 onChange로 지정해 주면 비슷하게 될 듯합니다.
여기에 id를 추가하고
<INPUT id="a_data1" .....
그렇게 해서 id가 a_data1, a_data2가 있고
합계 낼 <input은 id="a_sum" 이라고 하면
function a_func() {
document.getElementById( 'a_sum').value=
parseInt( document.getElementById( 'a_data1').value) +
parseInt( document.getElementById( 'a_data1').value);
}
이 a_func를 <select 옆에 있는 <input에 onChange로 지정해 주면 비슷하게 될 듯합니다.
감사합니다.
아래 어느부분을 수정하면 될까요..?? ^^;
<p>항목</p>
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[1]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[1]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT id="a_data1" maxLength="18" size="18" name="array_data[]" class="input" readonly value="<?=$array_data[1]?>"> </p>
</td>
<td width="10%">
<p>항목</p>
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[2]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[2]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT id="a_data2" maxLength="18" size="18" name="array_data[]" value="<?=$array_data[2]?>" class="input" readonly></p>
<td>계산</td>
<td>
<p><script>
function a_func() {
document.getElementById( 'a_sum').value=
parseInt( document.getElementById( 'a_data1').value) +
parseInt( document.getElementById( 'a_data2').value);
}
</script>
<input id="a_sum" name="array_data[3]" value="" onChange="a_func()">
아래 어느부분을 수정하면 될까요..?? ^^;
<p>항목</p>
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[1]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[1]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT id="a_data1" maxLength="18" size="18" name="array_data[]" class="input" readonly value="<?=$array_data[1]?>"> </p>
</td>
<td width="10%">
<p>항목</p>
</td>
<td width="40%">
<p><select onChange="this.nextSibling.value=this.value;" style="background-color:#EEEEEE;" name="array_data[]">
<option value="0" <?if($array_data[2]=="1번"){?>selected<?}?>>1번</option>
<option value="6000" <?if($array_data[2]=="2번"){?>selected<?}?>>2번</option>
</select><INPUT id="a_data2" maxLength="18" size="18" name="array_data[]" value="<?=$array_data[2]?>" class="input" readonly></p>
<td>계산</td>
<td>
<p><script>
function a_func() {
document.getElementById( 'a_sum').value=
parseInt( document.getElementById( 'a_data1').value) +
parseInt( document.getElementById( 'a_data2').value);
}
</script>
<input id="a_sum" name="array_data[3]" value="" onChange="a_func()">
