select dinamico

[newprogram]

tengo una duda con este select dinamico como tengo que hacer para capturar el valor del segundo estilo es decir al momento de enviarlo por post solo me enviar el de los tipos ya se que es por que no tiene option el pero que podria cambiarle para capturar el valor del que viene del js



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

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

<option value="musicapopular">Música</option>

<option value="musicaacademica">Académica</option>

</select>


<label> estilo</label>
<select name="estilo">

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

</select>

================(js)======================
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;
}
}

[newprogram]

alguiem me podria asesorar por favor :S