Tengo un formulario para registrar personas, resulta que dentro de los datos estan los datos familiares, como conyuge e hijos. La cuestion esta en que una persona puede terner mas de un hijo, entonces resuelvo con una funcion javascript, como esta:
Código:
La cuestion esta en que si ya tengo datos en el formulario y agrego un hijo, simplemente borra todo lo que tenia.function agregarHijo() { var TABLE = document.getElementById("admision"); document.getElementById("num_hijos").value ++; var num = document.getElementById("num_hijos").value; TABLE.deleteRow(TABLE.rows.length-1); $fila = '<tr><td colspan="5"> </td><tr><td></td><td></td><td class="medio"></td><td><label>Nombre:</label></td><td><input type="text" name="hijo'+num+'[nombre]" size="35" maxlength="11" id="hijo'+num+'_nombre"/><br /><label class="error" id="hijo'+num+'_nombre_error"></label></td></tr><tr><td></td><td></td><td class="medio"></td><td><label>C.I:</label></td><td><input type="text" name="hijo'+num+'[cedula]" size="10" maxlength="11" id="hijo'+num+'_cedula"/><br /><label class="error" id="hijo'+num+'_cedula_error"></label></td></tr><tr><td></td><td></td><td class="medio"></td><td><label>Fecha de Nacimiento:</label></td><td><input type="text" name="hijo'+num+'[fecha_nacimiento]" size="10" maxlength="11" id="hijo'+num+'_fecha_nacimiento"/><br /><label class="error" id="hijo'+num+'_fecha1_error"></label></td></tr><tr><td></td><td></td><td class="medio"></td><td><label>Genero:</label></td><td><select name="hijo'+num+'[genero]" id="hijo'+num+'_genero"><option value="">- Seleccione -</option><option value="f">Femenino</option><option value="m">Masculino</option></select><br /><label class="error" id="hijo'+num+'_genero_error"></label></td></tr><tr><td><input type="submit" value="Guardar" /> <a href="index.php">Cancelar</a></td></tr>'; TABLE.innerHTML += $fila; }
Como puedo hacer para que esto no suceda? (si es que se puede)