Работа с динамическими списками (<option>)

function dynamicSelect(id1, id2) {
    if (document.getElementById && document.getElementsByTagName) {
        var sel1 = document.getElementById(id1);
        var sel2 = document.getElementById(id2);

        var clone = sel2.cloneNode(true);
        var clonedOptions = clone.getElementsByTagName("option");

        refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
        sel1.onchange = function() {
            refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
        }
    }
}



function refreshDynamicSelectOptions(sel1, sel2, clonedOptions) {
    while (sel2.options.length) {
        sel2.remove(0);
    }
    var pattern1 = /( |^)(select)( |$)/;
    var pattern2 = new RegExp("( |^)(" + sel1.options[sel1.selectedIndex].value + ")( |$)");

    for (var i = 0; i < clonedOptions.length; i++) {
        if (clonedOptions.className.match(pattern1) || clonedOptions.className.match(pattern2)) {
            sel2.appendChild(clonedOptions.cloneNode(true));
        }
    }
}

dynamicSelect("Select1", "Select2");
dynamicSelect("Select2", "Select3");

function dynamicSelect() { //id1, id2
    var din_spiski = new Array();
    din_spiski[0] = new Array();
    din_spiski[0]["1"] = "Select1";
    din_spiski[0]["2"] = "Select2";
    din_spiski[1] = new Array();
    din_spiski[1]["1"] = "Select2";
    din_spiski[1]["2"] = "Select3";

    for (var i = 0; i < din_spiski.length; i++) {

        id1 = din_spiski["1"];
        id2 = din_spiski["2"];

        if (document.getElementById && document.getElementsByTagName) {
            var sel1 = document.getElementById(id1);
            var sel2 = document.getElementById(id2);

            var clone = sel2.cloneNode(true);
            var clonedOptions = clone.getElementsByTagName("option");
   
            refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
            sel1.onchange = function() {
                refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
            }
        }
    }
}

dynamicSelect()