셀렉트 선택시 특정 값 출력 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

셀렉트 선택시 특정 값 출력 정보

셀렉트 선택시 특정 값 출력

본문

셀렉트 선택시 특정 값을 출력하고 싶습니다.

<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>
이건 위꺼하고 약간 틀린것 응용하시면 될듯
한 인풋박스에 차례대로 전체 나오는것

<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>
© SIRSOFT
현재 페이지 제일 처음으로