셀렉트 선택시 특정 값 출력 정보
셀렉트 선택시 특정 값 출력본문
셀렉트 선택시 특정 값을 출력하고 싶습니다.
<select name='wr_1' class='ed' itemname='수량'>
<option value='0' <? if($wr_1 == "0") echo "selected"; ?>>수량</option>
<option value='1' <? if($wr_1 == "1") echo "selected"; ?>>1</option>
<option value='2' <? if($wr_1 == "2") echo "selected"; ?>>2</option>
<option value='3' <? if($wr_1 == "3") echo "selected"; ?>>3</option>
</select>
수량 1을 선택하면 테이블(wr_2)
수량 2를 선택하면 의자(wr_2)
수량 3을 선택하면 책(wr_2)
이런 식으로 선택에 따라 값이 출력되는게 가능할까요?
두개의 필드로 만들고 싶은데,
아는게 없어서 기존 자료들을 이리저리 맞춰봐도 어렵기만 하네요.
잘 하시는 분들께 도움을 청합니다.
부탁드립니다.^^
<select name='wr_1' class='ed' itemname='수량'>
<option value='0' <? if($wr_1 == "0") echo "selected"; ?>>수량</option>
<option value='1' <? if($wr_1 == "1") echo "selected"; ?>>1</option>
<option value='2' <? if($wr_1 == "2") echo "selected"; ?>>2</option>
<option value='3' <? if($wr_1 == "3") echo "selected"; ?>>3</option>
</select>
수량 1을 선택하면 테이블(wr_2)
수량 2를 선택하면 의자(wr_2)
수량 3을 선택하면 책(wr_2)
이런 식으로 선택에 따라 값이 출력되는게 가능할까요?
두개의 필드로 만들고 싶은데,
아는게 없어서 기존 자료들을 이리저리 맞춰봐도 어렵기만 하네요.
잘 하시는 분들께 도움을 청합니다.
부탁드립니다.^^
댓글 전체
<select name='wr_1' class='ed' itemname='수량' onchange="selectChange(this.value);">
<option value='0' <? if($wr_1 == "0") echo "selected"; ?>>수량</option>
<option value='1' <? if($wr_1 == "1") echo "selected"; ?>>1</option>
<option value='2' <? if($wr_1 == "2") echo "selected"; ?>>2</option>
<option value='3' <? if($wr_1 == "3") echo "selected"; ?>>3</option>
</select>
<input type="text" id="wr_2" name="wr_2" value="" />
<script type="text/javascript">
var name0 = "미선택";
var name1 = "테이블";
var name2 = "의자";
var name3 = "책";
function selectChange(val)
{
document.getElementById("wr_2").value = eval(name+val);
}
</script>
<option value='0' <? if($wr_1 == "0") echo "selected"; ?>>수량</option>
<option value='1' <? if($wr_1 == "1") echo "selected"; ?>>1</option>
<option value='2' <? if($wr_1 == "2") echo "selected"; ?>>2</option>
<option value='3' <? if($wr_1 == "3") echo "selected"; ?>>3</option>
</select>
<input type="text" id="wr_2" name="wr_2" value="" />
<script type="text/javascript">
var name0 = "미선택";
var name1 = "테이블";
var name2 = "의자";
var name3 = "책";
function selectChange(val)
{
document.getElementById("wr_2").value = eval(name+val);
}
</script>
테이블, 의자 책이 나와야 할 자리에
1은 11, 2는12, 3은 13으로 나옵니다.
1은 11, 2는12, 3은 13으로 나옵니다.
eval("name"+val);
오오~~ 잘 됩니다.!!!
" " 으로 결과가 달라지다니...
정말 감사합니다. 큰 도움이 되었습니다.^^
" " 으로 결과가 달라지다니...
정말 감사합니다. 큰 도움이 되었습니다.^^
이건 위꺼하고 약간 틀린것 응용하시면 될듯
한 인풋박스에 차례대로 전체 나오는것
<script>
function chVG() {
var f = document.test;
var v = f.viewItem;
var temparray = new Array();
var ex=1;
temparray = v.value.split(",");
if(f.vg[f.vg.selectedIndex].value!=0) {
for(i=0;i<temparray.length;i++) {
if(temparray[i]==f.vg[f.vg.selectedIndex].text) {
ex=0;
break;
}
else { ex=1; }
}
if(ex==1) {
if(v.value!='') v.value = v.value + ',';
v.value = v.value + f.vg[f.vg.selectedIndex].text;
}
}
}
</script>
<form name="test">
<select name="vg" onchange="chVG()">
<option value="">선택</option>
<option value="의자">의자</option>
<option value="책">책</option>
<option value="오이">오이</option>
</select>
<input type="text" name="viewItem">
</form>
한 인풋박스에 차례대로 전체 나오는것
<script>
function chVG() {
var f = document.test;
var v = f.viewItem;
var temparray = new Array();
var ex=1;
temparray = v.value.split(",");
if(f.vg[f.vg.selectedIndex].value!=0) {
for(i=0;i<temparray.length;i++) {
if(temparray[i]==f.vg[f.vg.selectedIndex].text) {
ex=0;
break;
}
else { ex=1; }
}
if(ex==1) {
if(v.value!='') v.value = v.value + ',';
v.value = v.value + f.vg[f.vg.selectedIndex].text;
}
}
}
</script>
<form name="test">
<select name="vg" onchange="chVG()">
<option value="">선택</option>
<option value="의자">의자</option>
<option value="책">책</option>
<option value="오이">오이</option>
</select>
<input type="text" name="viewItem">
</form>
input 자리에 아무것도 불러오질 못 합니다.ㅠ.ㅜ
