주의할 것은 document.fm.item.length등의 값을 for등의 값으로
바로 사용하면 안됨. 해당 값이 지워지면서 이값이 변경되므로
제대로 작동하지 않음.
document.fm.item.remove(0); 부분도 전체를 삭제할때는 이렇게 하며
해당 위치에 값을 삭제할때는 0대신 해당 index를 주어야 하며
해당 위치의 값이 삭제되면 이후의 option의 index값이 변경되므로
주의할것.
<form name="fm" method="post">
<select name="item">
</select>
</form>
<script>
function AddOption(v,t,clear_flag) {
var obj1 = "";
var obj = document.createElement("OPTION");
var len = document.fm.item.length;
if(clear_flag) {
alert('option 개수 : '+document.fm.item.length);
for(i = 0; i < len; i++) {
// alert(i+'번째 삭제');
document.fm.item.remove(0);
}
}
obj.value = v;
obj.text = t;
var a = eval("document.fm.item");
a.options.add(obj);
}
</script>
<input type=button value="1추가" onClick="AddOption(1, 1, false)">
<input type=button value="2추가" onClick="AddOption(2, 2, false)">
<input type=button value="3추가" onClick="AddOption(3, 3, false)">
<input type=button value="기존지우고 3추가" onClick="AddOption(3, 3, true)">
바로 사용하면 안됨. 해당 값이 지워지면서 이값이 변경되므로
제대로 작동하지 않음.
document.fm.item.remove(0); 부분도 전체를 삭제할때는 이렇게 하며
해당 위치에 값을 삭제할때는 0대신 해당 index를 주어야 하며
해당 위치의 값이 삭제되면 이후의 option의 index값이 변경되므로
주의할것.
<form name="fm" method="post">
<select name="item">
</select>
</form>
<script>
function AddOption(v,t,clear_flag) {
var obj1 = "";
var obj = document.createElement("OPTION");
var len = document.fm.item.length;
if(clear_flag) {
alert('option 개수 : '+document.fm.item.length);
for(i = 0; i < len; i++) {
// alert(i+'번째 삭제');
document.fm.item.remove(0);
}
}
obj.value = v;
obj.text = t;
var a = eval("document.fm.item");
a.options.add(obj);
}
</script>
<input type=button value="1추가" onClick="AddOption(1, 1, false)">
<input type=button value="2추가" onClick="AddOption(2, 2, false)">
<input type=button value="3추가" onClick="AddOption(3, 3, false)">
<input type=button value="기존지우고 3추가" onClick="AddOption(3, 3, true)">
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
58 | 셀렉트박스에서 키보드 초성에 해당하는 값 자동select | 박상현 | 2004.08.01 | 2186 |
57 | weblogic8.1과 eclipse3.0RC2, LombozRC1용을 이용한 EJB개발 | 박상현 | 2004.06.22 | 2485 |
56 | weblogic5.1과 ant를 이용하여 EJB개발(내부 개발용) | 박상현 | 2004.06.22 | 5264 |
55 | orion와 eclipse을 이용하여 EJB개발시 참고(내부개발용) | 박상현 | 2004.06.22 | 2385 |
54 | 주소 감추기 | 박상현 | 2004.06.13 | 1878 |
53 | javascript: event,this는 사용할 수 없습니다 | 박상현 | 2004.06.13 | 1694 |
52 | 점선없애기 | 박상현 | 2004.06.13 | 1891 |
51 | <table></table>을 스크롤 시키기 | 박상현 | 2004.04.09 | 1699 |
50 | td및 tr의 위치 알아내기 | 박상현 | 2004.01.31 | 2656 |
49 | 자바스크립트 펑션 및 변수 공유 | 박상현 | 2004.01.07 | 2284 |
48 | 테이블의 cell을 이동하는 js | 박상현 | 2003.12.16 | 2139 |
47 | table의 정렬등의 효과를 줄수 있는 dhtml | 박상현 | 2003.12.16 | 2375 |
46 | JMSN messenger-한글지원(2/2) | 박상현 | 2003.12.16 | 2226 |
45 | JMSN messenger-한글지원(1/2) | 박상현 | 2003.12.16 | 2303 |
44 | 닷넷채팅소스 | 박상현 | 2003.12.15 | 2797 |
43 | C# 메신저 AicacaClient1.2(클라이언트용) | 박상현 | 2003.12.15 | 3553 |
42 | C# 메신저 AicacaServer1.2(서버용)... | 박상현 | 2003.12.15 | 3616 |
41 | 드림X 같은 ActiveX 컨트롤을 이용한 컴포넌트 | 박상현 | 2003.12.15 | 1944 |
40 | c#으로 만든 asp.net 게시판 | 박상현 | 2003.12.15 | 5612 |
39 | 스크롤바를 따라다니는 메뉴판 | 박상현 | 2003.12.04 | 1527 |