실습예제 - http://bboong100.cafe24.com/0831/selection1.html
자바스크립트 셀렉트(javascript select) option 추가하기
주석은 오후 작성 예정
<html>
<head>
<script type="text/javascript">
var arr = ["영업-1","영업-2","영업-3"];
var networkarr = ["N/W-1","N/W-2","N/W-3"];
function daeli() {
var targetObj = document.getElementById('a');
if (document.agency.daelijeom[0].checked) {
targetObj.length=0;
for (var a = 0; a < arr.length; a++)
{
targetObj.add(new Option(arr[a], arr[a]), [a]);
}
}
else if (document.agency.daelijeom[1].checked) {
targetObj.length=0;
for (var a = 0; a < networkarr.length; a++)
{
targetObj.add(new Option(networkarr[a], networkarr[a]), [a]);
}
}
}
</script>
<title>sales/networdk agency</title>
</head>
<body>
<form name='agency'>
<table border=1>
<tr>
<td> sales <input type=radio name='daelijeom' onclick='daeli();'></td>
<td> N/W <input type=radio name='daelijeom' onclick='daeli();'></td>
</tr>
</table>
<p><p><p>
<table border=1>
<tr>
<td>aff <select name="a" id="a"></select></td>
</tr>
</table>
</form>
</body>
</html>
'개발개발 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 계산기 진행사항(09.03) (0) | 2012.09.03 |
|---|---|
| 자바스크립트 계산기 ( 추가사항, 예외처리 고려 해야 할 사항) (0) | 2012.09.03 |
| 자바스크립트 계산기 (08.30수정) (0) | 2012.08.30 |
| event.keycode 표 (1) | 2012.08.29 |
| 자바스크립트 계산기 (0) | 2012.08.29 |
