SELECT con JavaScript

[mesoriginal]

Hola tengo un problema con los <select> dependientes. Es decir tengo una base de datos con una tabla categorias (Informatica, Electrodomesticos...) i otra tabla sub_categorias. Estas dos estan relacionadas mediante ID.

Cuando quieras subir un producto, necessito que lo hagan de la siguiente forma. Cuando hagan clic en categorias les saldrà un "while" con todas la categorias, si elige Informàtica, que el <select> de sub_categorias aparezcan sus respectivas sub_categorias (sobremesa, portatiles...).

He encontrado esto con JavaScript però no tengo ni idea de como descargar los valores en el javascript.

Código HTML:

<script language="javascript">
function agregarOpciones(form)
{
var selec = form.tipos.options;
var combo = form.estilo.options;
combo.length = null;

    if (selec[0].selected == true)
    {
    var seleccionar = new Option("esperando selección","","","");
    combo[0] = seleccionar;
    }

    if (selec[1].selected == true)
    {
    var popular1 = new Option("Rock de los 90","Rock1","","");
    var popular2 = new Option("Rock de los 80","Rock2","","");
    combo[0] = popular1;
    combo[1] = popular2;
    }

    if (selec[2].selected == true)
    {
    var academica1 = new Option("Musica del Barroco","Barroco","","");
    var academica2 = new Option("Musica del Siglo XX","Siglo XX","","");
    var academica3 = new Option("Música del Romantisismo","Romantico","","");
    combo[0] = academica1;
    combo[1] = academica2;
    combo[2] = academica3;
    }
}
</script> 

Código HTML:

<form name="ejemplo2" method="POST" target="_blank" action="pagina.htm">

<select name="tipos" onChange="agregarOpciones(this.form)">

<option value="">[seleccione una opción]</option>

<option value="musicapopular">Música Popular (Rock)</option>

<option value="musicaacademica">Música Académica</option>

</select>

 

<select name="estilo">

<option value=""><-- esperando selección</option>

</select>

 

<input type="submit" value="Enviar"></form> 

Gracias!