Select anidados guardar el valor del segundo select en la tabla

[kimmy]

Mira lo hice así:

<select name="cat" id="cat" 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.cat.selectedIndex
formu.subcategoria.length = subcategorias[laCategoria ].length
for (i=0; i<formu.subcategoria.length; i++)
{ formu.subcategoria.options[i].text = subcategorias[ laCategoria ][i]
formu.subcategoria.options[i].value = subcategorias[ laCategoria ][i]
}
}

Estas son las subcategorias:

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

Y de igual forma no lo guarda