Select anidados guardar el valor del segundo select en la tabla

[kimmy]

el php recibe el valor del primer select. Este es el código:

<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>

Por ejemplo al seleccionar Primera me guarda Primera.

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"]

Como este select se genera a partir de la función, no tiene los option como cuando uno los crea directamente. Entonces lo que yo pienso (no se si esto es descabellado) es que debería tener alguna forma como una clave valor para referenciarlo y guardarlo según sea el caso.

Todo lo que envio por el $_POST desde ese formulario pasa menos ese select.

Que solución habrá?