opciones de select dependiendo de otro select

[PedroRodas]

primera parte del codigo:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SOLICITUD DE MUESTRA</title>
<style type="text/css">
body{background-color: #CC0000; color:#fff; font:normal 0.7em Verdana, Arial, Helvetica, sans-serif;}
 
#contenedor{ width:760px; margin:0 auto; position:relative;}
#contenedor div{ margin-top:0.5em;}
p.alerta {padding:0 0 0 25px;background:url('img_1/alerta2.png') no-repeat;}
p.titulo {font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
#contenedor div.absolute input,select,textarea{ position: absolute;left: 270px;}
label { line-height: 25px;}
#contenedor #botones{ clear:both;margin-top:12em;margin-bottom:1em}
 
</style>
<link href="texto.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
   function addOpt(oCntrl, iPos, sTxt, sVal){
     var selOpcion=new Option(sTxt, sVal);
     eval(oCntrl.options[iPos]=selOpcion);
   }
 
   function cambia(oCntrl){
    while (oCntrl.length) oCntrl.remove(0);
    switch (document.frm.material.selectedIndex){
     case 0: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "38 x 42 dos asas corta", "38 x 42 dos asas corta");
      addOpt(oCntrl,  2, "38 x 42 dos asas larga", "38 x 42 dos asas larga");
      addOpt(oCntrl,  3, "38 x 42 un asa", "38 x 42 un asa");
      addOpt(oCntrl,  4, "38 x 42 dos asas corta y cordón", "38 x 42 dos asas corta y cordón");
      addOpt(oCntrl,  5, "38 x 42 dos asas corta y 5 cm. de fondo", "38 x 42 dos asas corta y 5 cm. de fondo");
      addOpt(oCntrl,  6, "22 x 27 dos asas cortas", "22 x 27 dos asas cortas");     
      addOpt(oCntrl,  7, "50 x 50 dos asas cortas", "50 x 50 dos asas cortas");
      addOpt(oCntrl,  8, "50 x 70 dos asas cortas", "50 x 70 dos asas cortas");
      addOpt(oCntrl,  9, "Mochila sin fondo", "Mochila sin fondo");      
      addOpt(oCntrl,  10, "Mochila con fondo circular", "Mochila con fondo circular");
      break;
     case 1: 
      addOpt(oCntrl,  0, "- Selecciona -", "- Selecciona -");
      addOpt(oCntrl,  1, "38 x 42 dos asas corta", "38 x 42 dos asas corta");
      addOpt(oCntrl,  2, "38 x 42 dos asas larga", "38 x 42 dos asas larga");
      addOpt(oCntrl,  3, "38 x 42 un asa", "38 x 42 un asa");
      addOpt(oCntrl,  4, "38 x 42 dos asas corta y cordón", "38 x 42 dos asas corta y cordón");
      addOpt(oCntrl,  5, "38 x 42 dos asas corta y 5 cm. de fondo", "38 x 42 dos asas corta y 5 cm. de fondo");
      addOpt(oCntrl,  6, "22 x 27 dos asas cortas", "22 x 27 dos asas cortas");     
      addOpt(oCntrl,  7, "50 x 50 dos asas cortas", "50 x 50 dos asas cortas");
      addOpt(oCntrl,  8, "50 x 70 dos asas cortas", "50 x 70 dos asas cortas");
      addOpt(oCntrl,  9, "Mochila sin fondo", "Mochila sin fondo");      
      addOpt(oCntrl,  10, "Mochila con fondo circular", "Mochila con fondo circular");
      addOpt(oCntrl,  11, "38x29 2 asas bicolor horizontal y 10cm. de fondo", "38x29 2 asas bicolor horizontal y 10cm. de fondo");    
      addOpt(oCntrl,  12, "38x42 2 asas bicolor vertical y 10cm. de fondo", "38x42 2 asas bicolor vertical y 10cm. de fondo");      
      addOpt(oCntrl,  13, "44x38 2 asas y 10cm. de fondo", "44x38 2 asas y 10cm. de fondo");            
      break;
    }
   }
   function cambia2(oCntrl){
    while (oCntrl.length) oCntrl.remove(0);
    switch (document.frm.modelo.selectedIndex){
     case 0: 
      addOpt(oCntrl,  0, "- Selecciona -", "");           
      break;
     case 1: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion2_1", "2_1");
      addOpt(oCntrl,  2, "opcion2_2", "2_2");
      addOpt(oCntrl,  3, "opcion2_3", "2_3");
      break;
     case 2: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion3_1", "3_1");
      addOpt(oCntrl,  2, "opcion3_2", "3_2");
      addOpt(oCntrl,  3, "opcion3_3", "3_3");      
      break;
     case 3: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion4_1", "4_1");
      addOpt(oCntrl,  2, "opcion4_2", "4_2");
      addOpt(oCntrl,  3, "opcion4_3", "4_3");
      break;
     case 4: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion5_1", "5_1");
      addOpt(oCntrl,  2, "opcion5_2", "5_2");
      addOpt(oCntrl,  3, "opcion5_3", "5_3");      
      break;
     case 5: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion6_1", "6_1");
      addOpt(oCntrl,  2, "opcion6_2", "6_2");
      addOpt(oCntrl,  3, "opcion6_3", "6_3");
      break;
     case 6: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion7_1", "7_1");
      addOpt(oCntrl,  2, "opcion7_2", "7_2");
      addOpt(oCntrl,  3, "opcion7_3", "7_3");      
      break;
     case 7: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion8_1", "8_1");
      addOpt(oCntrl,  2, "opcion8_2", "8_2");
      addOpt(oCntrl,  3, "opcion8_3", "8_3");      
      break;
     case 8: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion7_1", "7_1");
      addOpt(oCntrl,  2, "opcion7_2", "7_2");
      addOpt(oCntrl,  3, "opcion7_3", "7_3");      
      break;
     case 9: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion8_1", "8_1");
      addOpt(oCntrl,  2, "opcion8_2", "8_2");
      addOpt(oCntrl,  3, "opcion8_3", "8_3");      
      break;      
     case 10: 
      addOpt(oCntrl,  0, "- Selecciona -", "");     
      addOpt(oCntrl,  1, "opcion9_1", "10_1");
      addOpt(oCntrl,  2, "opcion9_2", "10_2");
      addOpt(oCntrl,  3, "opcion9_3", "10_3");      
      break;
    }
   }