WOWpc의 거시기들 |

동적으로 SELECT BOX안에 옵션 추가/삭제하기.
References/JavaScript | 2009/08/31 18:12

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>OPTION 동적 추가</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">

<script type="text/javascript" src="/js/mootools.js"></script>
<script type="text/javascript">
function doChangeSelect(intBtnValue) {

var sltBox = $('select1');

var cnt = sltBox.length;

for ( i=0; i<cnt; i++ ) {
sltBox.options[i] = null;
}

if ( 1 == intBtnValue ) {
sltBox.options[0] = new Option('선택하세요', '0');
sltBox.options[1] = new Option('사과', '1');
sltBox.options[2] = new Option('딸기', '2');
sltBox.options[3] = new Option('수박', '3');
sltBox.options[4] = new Option('호박', '4');
sltBox.options[5] = new Option('오이', '5');
}
else {
sltBox.options[0] = new Option('선택하세요', '0');
sltBox.options[1] = new Option('고기', '1');
sltBox.options[2] = new Option('생선', '2');
}
}
</script>

</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight="0" bgcolor="FFFFFF">

<div id="btn">
<input type="radio" name="btn" id="btn1" value="1" onclick="doChangeSelect(this.value)" /> <label for="btn1">셀렉트1</label>
<input type="radio" name="btn" id="btn2" value="2" onclick="doChangeSelect(this.value)" /> <label for="btn2">셀렉트2</label>
</div>

<div id="slt">
<select name="select1" id="select1">
<option value="0">선택하세요</option>
</select>
</div>

</body>
</html>

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

태그 : option, selectbox

트랙백2 | 댓글0

이 글의 관련글(트랙백) 주소 :: http://blog.wowpc.net/trackback/319

Tracked from Shaker style furniture. 2010/07/30 04:39 x
제목 : Shaker furniture.
Shaker furniture plasma tv stand. Shaker style furniture small hall table. Shaker furniture. Unfinished shaker furniture. Shaker furniture history.

Tracked from Resin wicker outdoor furniture. 2010/07/30 11:08 x
제목 : Wrought iron outdoor patio furniture.
Florida outdoor furniture. Martha stewart outdoor furniture.

오픈아이디로 글쓰기 [로그인][오픈아이디란?]

이름/비밀번호로 글쓰기

아이디 :
비밀번호 :
홈페이지 :
	비밀글로 등록
내용 :