Option Select "complejo"

[roy_mckrank]

Encontré este script que me ha sacado del apuro por el momento pero ya estoy buscando hacer una solución menos engorrosa.
Les dejo el código:

<script type="text/javascript">

var countrieslist=document.classic.eventLocation
var citieslist=document.classic.cities

var cities=new Array()
cities[0]=""
cities[1]=["Alvaro Obregón|Alvaro Obregón", "Azcapotzalco|Azcapotzalco", "Benito Juárez|Benito Juárez", "Coyoacán|Coyoacán", "Cuajimalpa|Cuajimalpa", "Cuauhtémoc|Cuauhtémoc", "Gustavo A. Madero|Gustavo A. Madero", "Iztacalco|Iztacalco", "Iztapalapa|Iztapalapa", "Magdalena Contreras|Magdalena Contreras", "Miguel Hidalgo|Miguel Hidalgo", "Milpa Alta|Milpa Alta", "Tláhuac|Tláhuac", "Tlalpan|Tlalpan", "Venustiano Carranza|Venustiano Carranza", "Xochimilco|Xochimilco" ]
cities[2]=["Aguascalientes|Aguascalientes"]
cities[3]=["Mexicalli|Mexicalli", "Tijuana|Tijuana", "Ensenada|Ensenada", "Rosarito|Rosarito", "Tecate|Tecate"]
cities[4]=["La Paz|La Paz"]

function updatecities(selectedcitygroup){
citieslist.options.length=0
if (selectedcitygroup>0){
for (i=0; i<cities[selectedcitygroup].length; i++)
citieslist.options[citieslist.options.length]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1])
}
}

</script>