Tenho essa tabela dinâmica
<form action="{{route ('AddDocumentosAbertura')}}" method="post" accept-charset="UTF-8" enctype="multipart/form-data">
{{ csrf_field() }}
<table >
<thead>
<th>CPF ou CNPJ</th>
<th>Porcentagem</th>
<th></th>
</thead>
<tbody id="table" class="table mg-b-0">
<tr>
<td>
<input type='text' name="cpf_ab[]" class='form-control' >
</td>
<td>
<input type='text' class="cpf form-control" name='porcentagem[]' >
</td>
<td><button type="button" class="tg88 btn btn-primary button88" id="addRowBtn">+</button></td>
</tr>
</tbody>
</table>
<button class="btn btn-primary bd-0">Enviar</button>
</form>
Quando o user clicar em "+" ele irá adicionar uma nova linha na tabela para preencher dados. O js que faz isso abaixo:
var tbody = $('#table').children('tbody');
var table = tbody.length ? tbody : $('#table');
$('#addRowBtn').click(function(){
table.append("<tr><td><input type='text' name='cpf_ab[]' class='cpf form-control' ></td><td><input type='text' class='cpf form-control' name='porcentagem[]' ></td><td><button type='button' class='btn btn-danger delRowBtn'>-</button></td></tr>");
})
$(document.body).delegate(".delRowBtn", "click", function(){
$(this).closest("tr").remove();
});
Até ai tudo bem, está tudo certo, porém quando eu envio esses dados para meu controller, só é enviado a linha que foi colocada manualmente dentro da tabela (a primeira linha). Também testei colocar essa linha que é adicionada dinamicamente, coloquei ela de forma manual dentro da tabela, e deu certo... não estou conseguindo entender o por que que a adição de linhas dinâmicas não está indo para o servidor
Código que do php (laravel)
$dataForm = $Request->except(['_token']);
$countcc = count($dataForm['cpf_ab']);
for ($i = 0; $i < $countcc; $i++) {
$ans = [
'cpf_ab' => $dataForm['cpf_ab'][$i],
'porcentagem' => $dataForm['porcentagem'][$i],
];
$fctr = AB_Socios::insert($ans);
}