셀렉트박스 동적으로 추가/삭제하기
페이지 정보
작성자 서방님 댓글 0건 조회 134회 작성일 07-08-08 10:09본문
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>셀렉트박스 동적으로 추가/삭제하기 </title>
<script>
function edit()
{
aaa = frm.sel.options.length;
bbb = frm.txt.value;
ccc = new Option(bbb);
frm.sel.options[aaa] = ccc;
}
function del()
{
ddd = frm.sel.options.length;
for(i=0;i<ddd;i++)
{
if(frm.sel.options[i].selected)
{
frm.sel.options[i] = null;
break;
}
}
}
</script>
</head>
<body>
<form name="frm">
<select name="sel" size="10">
<option value="http://daum.net">다음</option>
<option value="http://naver.com">네이버</option>
<option value="http://kr.yahoo.com">야후</option>
</select>
<br>
<input name="txt" type="text">
<input onclick="edit();" type="button" value="추가">
<input onclick="del();" type="button" value="삭제">
</form>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
