buenas amigos soy yo otraves tengo un detalle mi contador que me lleva el contros de las id de unos campos dinamicos funciona mal empiesa en e0 cuando eliminas un div dinamico te borra el primero y en lugar de colocarte la numeracion bien te pone otra cosa ,no se como cambiar la forma en que borre ya que para ello uso jqueryn no lo se hacer por script normal , aqui el codigo a ver si pueden verlo gracias:
var counter= 0;
var edad1="e";
var counterz=0;
var limit =5;
var gh;
function addInput(divName){ <!--Script que crea los campos para los hijos de forma dinamica -->
if (counter == limit) {
alert("¡NUMERO MAXIMO DE DESCENDIENTES ALCANSADO!");
}
else {
var newdiv = document.createElement('div');
resultado = edad1+counter;
newdiv.innerHTML = "<div id='hijo'><table id='hijo'><tr><td>-Descendiente"+resultado+":<td> </tr>"
+ " <tr><td>Nombre(s) </td> <td><input type='text' name='a[]' ></td></tr>"+
" <tr> <td>Apellido(s) </td> <td><input type='text' name='b[]' ></td> </tr>"+
"<tr id='error[]'> </tr>"+"<tr> <td>fecha de nacimiento </td> <td><input class='bod' type='text' name='c[]'onchange='calcular1(this.value)' required></td> </tr>"+
"<tr><td>Edad</td><td><input id='"+resultado+"'type='text' class='hijoe' readonly name='z[]'></td> </tr>"
+"<tr><td>Nacionalidad</td><td><input type='text' name='d[]'></td> </tr>"
+" <tr><td> Genero</td> <td> <select name='e[]'><option value='Masculino'> Masculino </option> <option value='Femenino'>Femenino</option> </select></td></tr>" +
" <tr> <td>Documento de Identificación </td> <td> <select name='f[]'><option value='Pasaporte'> Pasaporte </option> <option value='Cedula-e'>Cedula-e</option> <option value='otro'>Otro</option> </select></td></tr>"
+" <tr> <td>Numero documento de Identificación</td> <td><input type='text' name='g[]'></td> </tr>"+
"<input type='hidden' name='h[]' value='descendiente' ></table><br>"+"</div>" ;
document.getElementById(divName).appendChild(newdi v);
counter++;
alert(resultado);
}
}
function removeDiv(divId) { //funcion que elimina a los campos creados de forma dinamica
if (counter>=0){
resultado = edad1+counter;
counter--
resultado=edad1+counter;
$("#"+divId).remove();
alert(resultado);
}
}
function calcular1(a){
id=resultado;
hoy = new Date();
f=a.split("/");
nacimiento= new Date(f[2],f[1]-1,f[0]);
edad=(hoy.getFullYear()-nacimiento.getFullYear());
if((nacimiento.getMonth())*100+nacimiento.getDate( ) > hoy.getMonth()*100+hoy.getDate()){
edad--;
}
//if(edad>99){edad=edad-100}
document.getElementById(id).value=edad;
alert(id);
}
