Insertar varios campos en un formulario segun necesidad

[dryant]

Hola!
Otra vez estoy aqui pidiendo ideas sobre mi primer proyecto en php y mysql.
Quiero hacer una web de recetas en la cual se puedan buscar las recetas por los ingredientes. Para ello tengo una tabala que relaciona los ingredientes con el id de la receta de tal forma que una receta pueda tener los ingredientes que sea.

La estructura de las tablas seria esta:

RECETAS(idReceta, TituloReceta, preparacion)
INGREDIENTES(idIngrediente, nombreIngrediente)
RECETA_INGREDIENTES(idReceta, idIngrediente, cantidad, unidadMedida
UNIDADES (idUnidad, nombreUnidad)

He creado un formulario de insertar recetas asi (todavia sin CSS ni nada de diseño):


Y ahora viene el tema... Como una receta puede tener muchos ingredientes, y nunca son fijos, estoy buscando ideas de como insertar ingredientes a seleccion del usuario.
Es decir, yo inserto un ingrediente, y le doy a un boton para que aparezca otro campo de ingredinete con sus correspondientes campos de cantidad y unidad usada.

La opcion que he pensado yo era:

Al darle a un boton de "nuevo ingrediente" iria a un archivo php lo meteria en un array y volveria a la pagina del formulario con un campo mas de ingrediente.
EL caso es que no se si esto seria una buena opcion por temas de que se pueda ralentizar mucho el introducir una receta...

Podeis sugerirme ideas de como hacerlo?

Muchas gracias!

[cesarin3134]

Podria crear un evento en el boton Nuevo ingrediente pero con jquery. Yo lo haria asi : Creo un Nuevo campo cads vez k me sirva lo genero con un id differente di dinamico y despues paso todos Los valores al file php una sola vez. Pordria usar el metoso serialize de jquery para recoger todos Los valores y enviarlos con el metodo Ajax.

[dryant]

Podria crear un evento en el boton Nuevo ingrediente pero con jquery. Yo lo haria asi : Creo un Nuevo campo cads vez k me sirva lo genero con un id differente di dinamico y despues paso todos Los valores al file php una sola vez. Pordria usar el metoso serialize de jquery para recoger todos Los valores y enviarlos con el metodo Ajax.

Gracias Cesarin... el caso es que no se nada de Jquery ni Ajax..... pero bueno, tampoco sabia nada de php y mysql antes de aprender!

Asi que empezare a mirar como va esto de jquery y ajax, que ni siquiera se exactamente lo que es!

Gracias y un saludo!

[dryant]

Ok! Ya estoy descargando un curso sobre Ajax para hacerlo como me ha comentado cesarin, pero ahora tengo otra duda. Mi intencion es adaptar la web para dispositivos moviles, funcionara Ajax en los moviles? Es que he leido que no funciona con todos los navegadores,...

[dryant]

Guauuu!!! Que pasada lo de AJAX!!!!!
Acabo de empezar a ver tutoriales sobre Ajax y es precisamente lo que buscaba!!
Muchas gracias de nuevo Cesarin!!!