Disable selected options in form, but still post values

var selectLists = document.getElementsByClassName('cSelect');
var form = document.getElementById('form');

// Keep an array that hold all selected values. Default value is '0' (in my case)
var disabled = ['0','0','0','0'];

// Disable selected colors, as a color cant be chosen twice
function toggleSelects()
{
    for(var i = 0; i < selectLists.length; i++) {
        if(selectLists[i].value != '0') {
            disabled[i] = selectLists[i].value;
        }
    }
    for(var j = 0; j < selectLists.length; j++) {
        for(var x = 0; x < selectLists[j].options.length; x++) {
            var disabledValue = false;
            for(var z = 0; z < disabled.length; z++) {
                if(selectLists[j].options[x].value == disabled[z]) {
                    disabledValue = true;
                    selectLists[j].options[x].disabled = true;
                }
            }
            if(!disabledValue) {
                selectLists[j].options[x].disabled = false;
            }
        }
    }

}

// Attach eventlisteners for disabling chosen colors on other select lists
for(var i = 0; i < selectLists.length; i++) {
    selectLists[i].addEventListener('change', toggleSelects);
}

form.onsubmit = function(e) {

    for(var i = 0; i < selectLists.length; i++) {
        for(var j = 0; j < selectLists[i].options.length; j++) {
            selectLists[i].options[j].disabled = false;
        }
    }
}