Adicionar Campos Dinamicamente

[João Marcos Ferlini 0]

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.

[angelorubin 142]

Tenho uma sugestão um pouco diferente - http://www.vuejs.org