He creado este formualrio, donde hay la posibilidad de "duplicar" las filas
Código PHP:
<html>
<head>
<title>Pruebas</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
tabla = $('#tabla');
tr = $('tr:first', tabla);
$('#agregarFila').live('click', function (){
tr.clone().appendTo(tabla).find(':text, :hidden').val('');
});
$(".eliminarFila").live('click', function (){
var tr = $(this).closest('tr')
if ( $('[name=id[]]', tr).val() )
alert("Elimino de la bd con ajax");
tr.remove();
});
});
</script>
</head>
<body>
<form action="reg_entrada.php" method="post">
<table id="tabla">
<tr>
<td><input type="text" name="titular" ></td>
<td><input type="text" name="relacion" ></td>
<td><input type="text" name="amigo"></td>
<td><input type="button" value="Eliminar" class="eliminarFila"></td>
</tr>
</table>
<input type="button" value="Agregar" id="agregarFila">
<input type="submit" value="Enviar datos"/>
</form>
</body>
</html>
Código PHP:
<?
include('con.php'); //incluimos el config.php que contiene los datos de la conexión a la db
$titular=$_POST['titular'];
$relacion=$_POST['relacion'];
$amigo=$_POST['amigo'];
if(mysql_query("INSERT INTO relaciones (titular,relacion,amigo) values ('$titular','$relacion','$amigo') ")){
echo "Guardado con exito.";
}else{
echo "Se ha producido el siguiente error:<br>".mysql_error();
}
?>
Alguna idea de como hacerlo?
Un saludo