Bom dia.
Pessoal, lendo alguns tópicos aqui no fórum, vi muitos códigos para criar campos com o DOM. Porém, muito complexos para entender, pois cada caso foi necessário vários requisitos.
Aqui no meu caso, são apenas 3 campos que precisam ser duplicados.
<input type="text" name="qtdProduto[]" id="qtdProduto" placeholder="Qtd">
<select name="descProduto[]" id="descProduto">
<option value="Selecione o Cliente">Selecione o Produto</option>
<option value="Selecione o Cliente">Foto 24x30 - Laminada</option>
</select>
<input type="text" name="obsProduto[]" id="obsProduto" placeholder="Obs. específica do Produto">
<a href="#" id="adicionarCampo">+ adicionar Produto</a>
Preciso que ao clicar do usuário no "+ adicionar Produto", os campos: qtdProduto, descProduto, obsProduto sejam duplicados abaixo do atual.