Nononono, haber, no es necesario que se recargue la pagina cuando hagas el submit, eso lo puedes manipular con ajax facilmente y con jquery mas, un ejemplo sencillo de jquery para enviar tu formulario a un php que recoja los post sin recargar y haga los insert seria lo siguiente:
Código HTML:
<script language="javascript" src="libs/js/jquery.min1.6.2.js"></script>
<script>
$j_6 = jQuery.noConflict();
$j_6(document).ready(function() {
$j_6('#form, #fat, #tuform').submit(function() {
$j_6.ajax({
type: 'POST',
url: $j_6(this).attr('action'),
data: $j_6(this).serialize(),
success: function(data) {
$j_6('#result').html(data);
}
})
return false;
});
});
function creaInput(numero){
/*Aqui va tu codigo para crear los input dinamicamente con javascript.
Lee un poco sobre como crear elementos o tags html con javascript,
para esto se usa el metodo createElement yo tengo un codigo que le
das a un boton crear y te agrega a una tabla una estructura de <tr>,<td> e inputs,
con su respectivo boton de eliminar, lo mejor seria usar un boton para ir agregando
inputs con su respectivo boton de eliminar y te quitas de broncas de un textbox
pero si lo quieres de esa forma entonces tendrias que mandar llamar esta funcion
con el evento onKeyUp de tu textbox como se muestra mas abajo*/
}
</script>
<div id="result"></div>
<form action="insert.php" id="tuform" name="tuform">
.
.
.
<input type="text" id="numeroAsistentes" onKeyUp="creaInput(this.value); return false;"/>
</form> Te recomiendo que leas un poco de como usar el Framework JQuery, no creo que te sea dificil, ya que hay bastante documentacion sobre este Framework