메뉴 건너뛰기

tnt_lang

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