주의할 것은 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)">