●예제
- 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>
|
'프로그래밍 > java script' 카테고리의 다른 글
| 자바스크립트 부모창, 상위 프레임 자바스크립트 함수 호출 (0) | 2014.07.01 |
|---|---|
| 자바스크립트 사용자 모니터 크기, 브라우저 크기 구하기 (0) | 2014.07.01 |
| 자바스크립트 체크박스 체크 개수 제한하기 (0) | 2014.07.01 |
| 자바스크립트 연도, 달, 날짜, 요일 구하는 방법 (0) | 2014.07.01 |
| 하이차트(highcharts) 기본 구조 (0) | 2013.11.12 |
댓글