Tenho um botão onde eu posso adicionar campos ao meu form, e preciso que cada novo campo tenha um name diferente, pensei em usar name = "produtos[]", e assim criar um array e usar um foreach no back, por exemplo. Podem me ajudar com essa concatenação? Já tentei algumas vezes e não consegui.
Essa é a função responsável por clonar os campos. a ideia era fazer name="produtos[cont]" e nos outros também, como fazer? Sei que dessa forma, sempre que eu chamar a função, o valor de cont voltará a ser 1, sugestões de como manter cont constante e de como zera-lo após enviar o formulário, por favor.
$(function () {
var srcDiv = $('#dinamicDiv');
var cont = 1;
$(document).on('click', '#addInput', function(){
$('<p>'+
'<label for="Produto" id="Produto" class="col-form-label">Nome do produto: </label>' +
'<button id="removeInput" class="btn-danger btn-add">Remover produto</button>' +
'<input type="text" class="form-control" name="produtos[]">' +
'<label for="Preço" id="Preço" class="col-form-label">Preço do produto:</label>' +
'<input type="text" class="form-control" name="preços[]">' +
'</p>').appendTo(srcDiv);
cont ++;
return false;
});