JSFiddle - React, Tailwind, and code Playground

by rafasirotheau

HTML

<table border='0' cellspacing='2' cellpadding='2'  style="font-size:12px;font-family:verdana;">
                <tr>
                    <td width="35%">Fornecedor</td>
                    <td>
                        <select name="fornecedor[]" id="fornecedor">
                            <option value='1'>Fornecedor 1</option>
                            <option value='2'>Fornecedor 2</option>
                            <option value='3'>Fornecedor 3</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Tipo de Transporte</td>
                    <td>
                        <select name="tipo[]" id="tipo">
                            <option value=""> Selecione um Tipo </option>
                            <option value='1'>Tipo 1</option>
                            <option value='2'>Tipo 2</option>
                            <option value='3'>Tipo 3</option>
                            <option value='4'>Tipo 4</option>
                        </select>
                    </td>
                </tr>
                <tr>
                        <td> Data Embarque </td>
                    <td> <input type="text" name="dataembarque[]" id="dataembarque" size="12" /></td>
                </tr>
                <tr>
                        <td> Data Desembarque </td>
                    <td> <input type="text" name="datadesembarque[]" id="datadesembarque" size="12" /></td>
                </tr>
      
            </table>
                                <div id="duplicatas"></div>
<input type="button" id="duplicar" name="add" value="Adicionar" class="botao" />

JavaScript

$('#duplicar').click(function() {
    $(this).prev().prev().clone().appendTo('#duplicatas');
});