hola que tal tengo el siguiente problema tengo un codigo en javascript que me permire crear cajas de texto por medio de un boton el problema que tengo es que como puedo saber cuantas cajas creo el usuario para yo despues meter esa cantidad de cajas en un BD de mysql el codigo es el siguiente
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<script>
var cajas=2;
function agregar_caja(){
var valores=new Array();
var contenido=""
for(i=1;i<=cajas;i++){//Obtenemos el valor de las cajas
valores[i]=eval("document.form.caja"+i.toString()+".value");
}
cajas=cajas+1
for(i in valores){
contenido+="Caja "+i.toString()+": <input type=text name='caja"+i.toString()+"' value='"+valores[i]+"'><br>"
}
contenido+="Caja "+cajas.toString()+": <input type=text name='caja"+cajas.toString()+"'><br>";
document.getElementById("cajas").innerHTML=conteni do;
}
</script>
<form action="#" method="post" name="form">
<div id="cajas">Caja 1: <input type=text name=caja1><br>Caja 2: <input type=text name=caja2><br></div>
<input type=button onclick="agregar_caja()" value="Agregar caja"><br>
<input type=submit value=Enviar></form>
<?
echo $caja1;
?>
</body>
</html>