JSFiddle - React, Tailwind, and code Playground

by Kleber Mota

HTML

<form role="form" class="form" action="/Produto/cadastra" method="post" enctype="multipart/form-data">
        <field-box>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
            </div>
          </div>
        </field-box>
        <field-box>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
              <div>
                <label>Nome</label><input type="text" class="form-control" name="nome" />
              </div>
            </div>
          </div>
          <div>
            <div>
            </div>
          </div>
        </field-box>
        <field-box>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
              <div>
                <label>Preço</label><input type="text" class="form-control valida" pattern="[0-9]{2}.[0-9]{2}" name="preco" />
              </div>
            </div>
          </div>
        </field-box>
        <field-box>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
              <div>
                <label>Categoria</label><select class="form-control" name="categoria.id"><option selected="selected">--Selecione uma opção</option></select>
              </div>
            </div>
          </div>
        </field-box>
        <field-box>
          <div>
            <div>
            </div>
          </div>
          <div>
            <div>
              <div>
                <label>Descrição</label><textarea class="form-control" name="descricao" rows="15"></textarea>
              </div>
            </div>
          </div>
          <div>
            <div>
            </div>
          </div>
        </field-box>
        <field-box>
          <div>
            <div>
       ...

JavaScript

$(document).on("click", "button.multiple", function(){
	$(this).parent().find("input.multiple").first().after(
        $(this).parent().find("input.multiple").first().clone()
    );
});