Cuadros desplegables de acuerdo a eleccion
 

Tengo el codigo para pasar info de un select a otro, sin embargo...
Que deberia hacer para poder pasar info a uno tercero, de acuerdo a lo seleccionado en el segundo...

Adjunto codigo

Gracias

Necesitaria, que luego de elegir, por ejemplo auto y 2 puertas, en el tercer select, pudiera elegir color, pero... De acuerdo a la eleccion hecha en el segundo (2 o 4 puertas)




<select size="1" onchange="cambia_medio1()" name="soporte1" style="border:1px solid #000000; font-family: Verdana; font-size: 10pt; background-color: #D9D7DF">
<option>-----------------</option>
<option value="tv1">Auto</option>
<option value="ra1">Moto</option>
</select>








<select size="1" name="medio1" style="border:1px solid #000000; font-family: Verdana; font-size: 10pt; background-color: #D9D7DF">
<option value="-">-----------------</option>
</select>








<script>

var medio1_tv1=new Array("-----------------","2 puertas","4 puertas","...")
var medio1_ra1=new Array("-----------------","Simple","doble","...")


function cambia_medio1(){

var soporte1
soporte1 = document.form_reloj.soporte1[document.form_reloj.soporte1.selectedIndex].value

if (soporte1 != 0) {

mis_medio1=eval("medio1_" + soporte1)

num_medio1 = mis_medio1.length

document.form_reloj.medio1.length = num_medio1

for(i=0;i<num_medio1;i++){
document.form_reloj.medio1.options[i].value=mis_medio1[i]
document.form_reloj.medio1.options[i].text=mis_medio1[i]
}
}else{

document.form_reloj.medio1.length = 1

document.form_reloj.medio1.options[0].value = "-"
document.form_reloj.medio1.options[0].text = "-"
}

document.form_reloj.medio1.options[0].selected = true
}
</script>