셀렉트박스의 선택값 출력문의드립니다.

셀렉트박스의 선택값 출력문의드립니다. 정보

셀렉트박스의 선택값 출력문의드립니다.

본문

아래내용에 대하여 질문드립니다.

<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번을 선택하면 우측입력폼에 선택의 값이 바로 출력되게 하려면 어떻게 해야하는지요..??

복사
공유하기

댓글 전체

rino 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

08.05.15 21:24:50

<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>

rino 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

08.05.15 21:36:55

엘리먼트의 이름을 array_data[] 이렇게 하시면 찾기 좀 곤란하구요.

만약 두개 뿐이라면 select 박스이름은 array_data[0] 이되고

input 박스는 array_data[1] 이 되겠죠..^^

엑스엠엘 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

08.05.15 22:11:31

</select> <INPUT

이 사이에 공백을 없애시고
<select onChange="this.nextSibling.value=this.value;"
이벤트 추가하시면 됩니다.

tacks 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

08.05.16 00:43:34

해결할수 있도록 도와주셔서 너무 감사합니다.
아래 질문하나 더 부탁드리겠습니다.
하나 하면 하나가 또 걸리네요...
<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]의 서택되어진 값이 아래 입력폼에 자동 합산되어 출력되게 하려면 어찌해야되는지요..??

엑스엠엘 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

08.05.16 01:14:47

<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로 지정해 주면 비슷하게 될 듯합니다.

tacks 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

08.05.16 09:33:46

감사합니다.
아래 어느부분을 수정하면 될까요..?? ^^;
<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()">

셀렉트박스의 선택값 출력문의드립니다. > 그누4 질문답변

그누4 질문답변