Estou criando um site de receitas, onde os ingredientes serão cadastrados individualmente em uma tabela, fazendo referencia ao id da receita, exemplo de como estão as tabelas:
ptp_receitas
id|nome
1 |receita de feijão
ptp_receitas_ingredientes
id|id_receita|ingrediente
1 | 1 | feijão
2 | 1 | bacon
3 | 1 | cebola
Eu criei um formulário que insere os valores no banco de dados, mas não sei como fazer para inserir cada ingrediente em uma linha nova.
Pensei em algo com ajax, colocando um input "ingrediente" que vai adicionando os valores num select multiplo, e após cadastrar a receita, ele pega cada valor dessa lista e insere uma linha na ptp_receitas_ingredientes, algo assim:
<input id="ingrediente">
<button id="add_ingrediente" type="button">Adicionar Ingrediente</button>
<select id="ingredientes" multiple>
</select>
<input id="nome_receita">
<button id="cadastrar_receita" type="submit">Cadastrar Receita</button>
A linha de raciocínio para a minha necessidade é essa mesma? Ou tem outra forma de se fazer isso?
Obrigado!