Relacionar dos combos

[andama]

Hola estoy haciendo un trabajo practico y tengo que relacionar dos combos entré si, es decir segun que elija en uno, que se active y cambien las opciones del segundo. No tengo permitido cambiar directamente el html.

este es el script que tengo, pero no sé en que estoy fallando, porque no funciona. gracias

//
var carreras = ['Disenio web','Disenio multimedial','Disenio grafico'];
var disenio_web = ['Programacion I','Dise�o Interactivo','Tecnologia de las comunicaciones II','Tecnicas de Marketing'];
var disenio_multimedial = ['Tratamiento de la Imagen Gr�fica','Metodolog�a de Res. de Problemas','Representaci�n Gr�fica'];
var disenio_grafico = ['Tipograf�a','Dise�o en Comunicaci�n Visual','Morfolog�a'];


window.onload = datosPersonales;


function datosPersonales(){

var carrera = document.getElementById("carrera"); /* Para no tener que llamar a cada rato a getElementById */
for (var i = 0; i < carreras.length; i++) {
carrera.options[i] = new Option(carreras[i]);
carrera.options[i].value = carreras[i];
}
}

carreras.onchange = function(){
alert("jje");
materias.disable = "";
materias.options.length = 0;

switch (this.selectedIndex) {
case 0:
var materia = document.getElementById("materias");
for (var i = 0; i < disenio_web.length; i++) {
materia.options[i] = new Option(disenio_web[i]);
materia.options[i].value = "1";
}
case 1:
alert("jje")
var materia = document.getElementById("materias");
for (var i = 0; i < disenio_multimedial.length; i++) {
materia.options[i] = new Option(disenio_multimedial[i]);
materia.options[i].value = "1";
}
case 2:
alert("jje")
var materia = document.getElementById("materias");
for (var i = 0; i < disenio_grafico.length; i++) {
materia.options[i] = new Option(disenio_grafico[i]);
materia.options[i].value = "1";
}
}
}




y esta es esa parte del html:


<select id="carrera"><option>Aca van las carreras</option></select><br />
<select id="materias" disabled="disabled"><option>Seleccione una carrera para ver las materias</option></select><br />