ayuda para cambiar contenidos de 2do combo

[Nefertiter]

Buenas gentes, tengo la necesidad de hacer que el contenido de un combo depende de lo seleccionado en el anterior para eso utilice el ejemplo que esta entre las FAQs, pero ahora tengo un problema pues este utiliza la posicion y yo necesito utilizar el valor del elemento seleccionado en el primer como para mostrar el contenido del segundo, aca les dejo el codigo que modifique de la FAQ

Código PHP:

  <script language="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 (frm.cat_id.options[frm.cat_id.selectedIndex].value){    
    case 1:
    addOpt(oCntrl,  0, "en Toallas 2", "1");           
    addOpt(oCntrl,  1, "en Toallas", "2");           
    break;
        case 3:
        addOpt(oCntrl,  0, "en Toallas 2222", "3");           
    break;
    }
   }
  </script>  
  

El formulario se llama "frm" el primer combo se llama cat_id, el segundo sub_id.
Ahora les pongo el contenido del combo

Código PHP:

  <select name="cat_id" id="cat_id"  onchange="cambia(document.frm.sub_id)">
<option selected>Seleccione Categoría...</option>
<option value="1">Toallas 1</option>
<option value="3">Toallas 2</option>
</select>
<select name="sub_id" id="sub_id">
 <option selected>Seleccione Grupo</option>
 <option>Grupo 1</option>
 <option>Grupo 2</option>
 <option>Grupo 3</option>
</select>  
   

El problema es que cuando selecciono algo en el primero no se borra el contenido del 2do [lo que esta bien] pero no aparece le nuevo contenido [lo que esta mal]

Espero puedan ayudarme, Gracias desde ya.