Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/04/2013, 12:28
d_m
 
Fecha de Ingreso: abril-2013
Mensajes: 2
Antigüedad: 11 años
Puntos: 0
Respuesta: Duplicar <div>

Hasta ahorita he conseguido esto:
Cita:
<div>
<form name="ejMultiInput">
Numero de inputs:
<input maxlength="2" name="numInputs" onkeyup="multiplicarInputs(this)" size="5" type="text" />
<br />
<div id="divMultiInputs">
</div>
</form>
</div>

<script language="javascript">
function multiplicarInputs(text){
var num= text.value
var div='';
for (var i=0;i<num;i++){
var cont=i+1;
div+="<br><br> Nombre "+cont+"<input maxlength='5' name='nombre[]' size='6' type='text' /><br>Domicilio "+cont+"<input maxlength='5' name='domicilio[]' size='6' type='text' />";
}

document.getElementById("divMultiInputs").innerHTM L=div;
}
</script>
Pero el problema sería que si tengo mas campos, tendría que agregar cada uno de ellos, alguien me podría ayudar a duplicar el <div> tal vez mediante el "id", por ejemplo. Y también tengo un campo dentro de ese <div> que no cambia nunca, habría algún problema al dupicarlos o agregarlos?'