Gracias, el form dinamico es asi:
Código:
<script language="javascript" type="text/javascript">
var posicionCampo=1;
function agregarUsuario(){
nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1);
nuevaFila.id=posicionCampo;
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='text' size='20' name='nombre_inv["+posicionCampo+"]'></td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td> <input type='text' size='5' name='edad_inv["+posicionCampo+"]' ></td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td> <input type='checkbox' name='celiaco_inv["+posicionCampo+"]' >Celiaco <input type='checkbox' name='vegetariano_inv["+posicionCampo+"]' >Vegetariano <input type='checkbox' name='hipertenso_inv["+posicionCampo+"]' />Hipertenso</td>";
nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";
posicionCampo++;
}
function eliminarUsuario(obj){
var oTr = obj;
while(oTr.nodeName.toLowerCase()!='tr'){
oTr=oTr.parentNode;
}
var root = oTr.parentNode;
root.removeChild(oTr);
}
</script>
<table id="tablaUsuarios" width="100%" border="0">
<tr>
<th colspan="4"><h2>Invitados</h2></th>
</tr>
<tr>
<th width="22%" align="left">Apellido y Nombre</th>
<th width="10%" align="left">Edad</th>
<th width="35%" align="left">Detalles</th>
<th width="33%" align="left"><input type="button" onClick="agregarUsuario()" value="Agregar Invitado" /></th>
</tr>
</table>
Cada vez que se presiona "Agregar Invitado" se crea el campo que envia valor con array... El codigo que adjunte capturo solo el primer campo.
Saludos.
Gustavo.