Select anidados guardar el valor del segundo select en la tabla

[kimmy]

Hola. Hoy estoy llena de preguntas. Este es otro tema. El caso es que tengo unos select anidados y quisiera saber como guardar en la BD lo que el usuario seleccionó en el segundo select. Aquí les pongo el código del primer select:

<select name="categoria" id="categoria" onChange="categoria(this.form)">
<option>elige una opción...</option>
<option>Primera</option>
<option>Segunda</option>
<option>Tercera</option>
<option>Cuarta</option>
</select>

Este es el otro select:

<select name="subcategoria" id="subcategoria">
</select>

Esta es la función que muestra los datos del segundo select:

function categoria(formu)
{ var laCategoria = formu.categoria.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
}
}

Estas son las subcategorias:

var subcategorias = new Array()
subcategorias[1] = ["Agua"]
subcategorias[2] = ["Viento"]
subcategorias[3] = ["Fuego"]
subcategorias[4] = ["Tierra"]

Al escoger la subcategoria no me guarda nada al enviarlo por:
$subcategorias = $_POST['subcategoria'];

Cómo puedo hacer para que me envie el valor?

Gracias.