Adicionar novo campo no formulario Laravel - PHP + Javascript
Bom dia pessoal!
Estou desenvolvendo uma aplicação para um amigo, e surgiu um problema que estou tentando resolver faz alguns dias mas não da certo, possuo um campo no formulário no qual deve ser preenchido, porém não será salvo em BD ou algo do tipo e sim será gerado um PDF. Estou utilizando Laravel 5.8, até achei um código que me deu uma luz na internet e a parte de duplicar o campo do form esta funcionando, segue imagem de como esta o campo na view:
Os botoẽs de + e - são os botões que adicona ou remove os campos no form, porém eu dei um dd() na saida desses forms e só esta trazendo o primeiro campo:
O campo 2 que foi gerado não traz, será que alguém pode me dar uma força, segue o código em HTML e javascript que eu encontrei:
<div class="row">
<label for="exampleFormControlSelect1" class="font-weight-bold">Selecione as Armas:</label>
<div class="form-check">
<br>
<div class="form-row my-2">
<div id="origem">
<div class="form-group col-md-6 navbar-form navbar-left">
<label for="name">Tipo</label>
<input type="text" class="form-control" id="tipo" name="tipo[]">
<label for="name">Marca</label>
<input type="text" class="form-control" id="marca" name="marca[]" >
<label for="name">Calibre</label>
<input type="text" class="form-control" id="calibre" name="calibre[]">
<label for="name">Nº Série</label>
<input type="text" class="form-control" id="nserie" name="nserie[]" >
<label for="name">Registro/SIGMA</label>
<input type="text" class="form-control" id="regsigma" name="regsigma[]" >
<button type="button" class="btn btn-default" onclick="duplicarCampos();"><i class="fas fa-plus-square"></i></button>
<button type="button" class="btn btn-default" onclick="removerCampos(this);"><i class="fas fa-minus-square"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div id="destino">
</div>
</div>
<script type="text/javascript">
function duplicarCampos(){
var clone = document.getElementById('origem').cloneNode(true);
var destino = document.getElementById('destino');
destino.appendChild (clone);
var camposClonados = clone.getElementsByTagName('input');
for(i=0; i<camposClonados.length;i++){
camposClonados[i].value = '';
}
}
function removerCampos(id){
var node1 = document.getElementById('destino');
node1.removeChild(node1.childNodes[0]);
}
</script>Discussão (0)
Carregando comentários...