Как сделать добавление новых select по кнопке и чтобы скрипт работал с ними?

Question

Евгений Шевцов @Rattlesneyk

JavaScript

Как сделать добавление новых select по кнопке и чтобы скрипт работал с ними?

Есть вот такой селект

Город:
            <select name="fromcity_1" class="text" id="fromcity_1" onChange="MkHousefromValues(this.selectedIndex)" from1onchange="mChange1(this);">
            <option value="">-- Please Select --</option>
            <?php foreach ( $citynameq as $citynamep ) { ?>
            <option value="<?php echo $citynamep->city;?>"><?php echo $citynamep->city;?></option>
            <?php } ?>
            </select>
            Район:
            <select name="fromdistrict_1" class="text" id="fromdistrict_1">
            <option value="N/A">N/A</option>
            </select>

И есть вот такой скрипт, назовем его "Переключатель селектов", который меняет значение селекта fromdistrict_1 в зависимости от выбора селекта fromcity_1.

<script type="text/javascript">
var aHouseValues = new Array(
"-- Select city --",
<?php echo $district; ?>
);
function getHouseValuesByStreet(index){
    var sHouseValues = aHouseValues[index];
    return sHouseValues.split(",");
}
function MkHousefromValues(index){
    var aCurrHouseValues = getHouseValuesByStreet(index);
    var nCurrHouseValuesCnt = aCurrHouseValues.length;
    var oHouseList = document.querySelector("select[name^=fromdistrict_]");
    var oHouseListOptionsCnt = oHouseList.options.length;
    oHouseList.length = 0;
    for (i = 0; i < nCurrHouseValuesCnt; i++){
        if (document.createElement){
            var newHouseListOption = document.createElement("OPTION");
            newHouseListOption.text = aCurrHouseValues[i];
            newHouseListOption.value = aCurrHouseValues[i];
            (oHouseList.options.add) ? oHouseList.options.add(newHouseListOption) : oHouseList.add(newHouseListOption, null);
        }else{
            oHouseList.options[i] = new Option(aCurrHouseValues[i], aCurrHouseValues[i], false, false);
        }
    }
}
//-->
</script>

Вопрос. Как мне сделать возможность добавление копий селектов, чтобы при этом "Переключатель селектов" работал и с ними. Ну пример по кнопке добавился вот такой селект

<select name="fromcity_2" class="text" id="fromcity_1" onChange="MkHousefromValues(this.selectedIndex)" from1onchange="mChange1(this);">
            <option value="">-- Please Select --</option>
            <?php foreach ( $citynameq as $citynamep ) { ?>
            <option value="<?php echo $citynamep->city;?>"><?php echo $citynamep->city;?></option>
            <?php } ?>
            </select>
            Район:
            <select name="fromdistrict_2" class="text" id="fromdistrict_1">
            <option value="N/A">N/A</option>
            </select>

Как видно изменился только name селектов, но "Переключатель селектов" работать естественно не будет так...

Так как сделать?=)