콤보박스를 동적으로 추가/삭제 > script

콤보 박스에 있는 내용을 클라이언트 스크립트로 추가, 삭제하는 내용입니다

// 추가 하기
function btnSub_onclick() {
    // OPTION이라는 Element를 생성합니다
    var optColor=document.createElement("OPTION");
    optColor.text="asd";
    optColor.value="adsa";
    // 생성한 Element를 콤보 박스에 추가 시킵니다
    document.frmForm.selOrd.add(optColor);
}

// 삭제 하기
function btnDel_onclick() {
    // 콤보 박스의 크기만큼 for 를 돕니다
    for(i=0;i        // 지금 선택 되어 있으면
        if (i == document.frmForm.selOrd.selectedIndex)
            // 삭제 합니다
            document.frmForm.selOrd.options[i] = null;
    }
}

아래는 콤보 박스에 있는 내용 전체는 삭제합니다

function btnDelAll_onclick() {

    // 콤보 박스에 내용이 있을 때만 실행 합니다
    if ( eval(document.frmForm.selOrd.options.length) > 0 ) {
    // 콤보 박스의 크기만큼 for 를 돕니다
        for (i=0 ; eval(document.frmForm.selOrd.options.length) ; i++)
        {
            // 맨 위에 있는 목록을 갖고 옵니다
            var selCh=document.frmForm.selOrd.children(0);
            // 갖고온 목록을 삭제 합니다
            document.frmForm.selOrd.removeChild(selCh);
        }
    }
}