프로그래밍/java script

자바스크립트 select 태그 size, onchange 이용해서 값 뿌리기

-현's- 2014. 7. 1. 14:35
반응형


●예제

- select 에서 값을 선택하면 우측 select에 값이 출력됨


<html>

<head>

</head>

<body>

<script type="text/javascript">

function chg() {

var val1=val2=val3="";

val1 = document.frm.select1.value;

val2 = document.frm.select2.value;

val3 = document.frm.select3.value;

for (i=0; i<document.frm.result.options.length; i++) {

document.frm.result.options[i].text = eval("val"+(i+1));

}

}

</script>


<form name="frm">

<select name="select1" size="5" onchange="chg();">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

</select>

<select name="select2" size="5" onchange="chg();">

<option value="A">A</option>

<option value="B">B</option>

<option value="C">C</option>

<option value="D">D</option>

<option value="E">E</option>

</select>

<select name="select3" size="5" onchange="chg();">

<option value="A1">A1</option>

<option value="A2">A2</option>

<option value="A3">A3</option>

<option value="A4">A4</option>

<option value="A5">A5</option>

</select>

<select name="result" size="3">

<option value=""></option>

<option value=""></option>

<option value=""></option>

</select>

</form>



</body>

</html>

 












반응형