Dynamisk sletning af option groups

Hej

Ud fra et sprogvalg i en select-box, opdateres en anden select-box med data fra et array. Jeg benytter følgende funktion til at oprette optgroup- og option-tags i select-boxen:

function getGroups(frm,lid) {
    if (group[lid]) {
        document.getElementById('productGroupId').options.length = 0;
        var objSelect = document.getElementById('GroupId');
        for (i = 0; i < group[lid].length; i++) {
            exploded = group[lid][i].split("#");
            if (exploded[0] == 1) {
                var objOption = document.createElement("option");
                objOption.value = exploded[1];
                objOption.innerHTML = exploded[2];
                optGroup.appendChild(objOption);
            } else {
                var optGroup = document.createElement('optgroup');
                optGroup.label = exploded[2];
                objSelect.appendChild(optGroup);
            }
        }
    }
}

Evt. eksisterende option-tags slettes først inden de nye indsættes. Men hvordan sletter jeg de eksisterende optgroup-tags fra select-boxen?

Altså alle child-elementer til select-boxen med id'et productGroupId skal slettes. Men hvordan ?