Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/03/2011, 08:58
gus_anomaly
 
Fecha de Ingreso: noviembre-2009
Mensajes: 381
Antigüedad: 15 años, 4 meses
Puntos: 6
Respuesta: Varios Arrays desde Form

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.