[JAVASCRIPT] 자바스크립트 select 박스(콤보박스) 옵션 추가하는 방법

var currentValue = document.getElementById(_comboId).value;

// getComboSelectedId : select 태그의 아이디를 파라미터로 넘기면, 현재 선택되어 있는 인덱스를 반환한다.

function getComboSelectedId(_comboId) {
    var comboObj = document.getElementById(_comboId);
    if (comboObj == null) {
        return null;
    }
            
    if (comboObj.options == null || comboObj.options.length == 0) {
        return null;
    }
                    
    var optionCount = comboObj.options.length;
    for (var i=0; i<optionCount; i++) {
        if (comboObj.options[i].selected) {
            return comboObj.options[i].id;
        }
    }
        
    return null;
}

// setComboToSelectOption : select 태그의 아이디와 option 태그의 아이디를 파라미터로 넘기면, 해당 option을 선택한다.
function setComboToSelectOption(_comboId, _itemId) {
    var comboObj = document.getElementById(_comboId);
    if (comboObj == null) {
        return false;
    }
            
    if (comboObj.options == null || comboObj.options.length == 0) {
        return false;
    }
    
    if (_itemId == null) {
        _itemId = “”;
    }
                    
    var optionCount = comboObj.options.length;
    for (var i=0; i<optionCount; i++) {
        if (comboObj.options[i].id == _itemId) {
            comboObj.options[i].selected = true;
            return true;
        }
    }
        
    return false;
}

function deleteComboOptions(_comboId) {
    try {
        var ops = document.getElementById(_comboId).options;
        if (ops != null && ops.length > 0) {
            var lastIdx = ops.length – 1;
            for (var k=lastIdx; k>=0; k–) {
                ops[k] = null;
            }
        }
    } catch (e) {
        alert(“deleteComboOptions ERROR : ” + e);
    }
}

var ops = document.getElementById(_comboId).options;

var op = new Option();

op.value = “tempValue”;

op.text = “tempText”;

// 옵션을 기본 선택하려면 아래 코드 적용할 것

// op.selected = true;

ops.add(op);