Olá, estou tentando fazer um input dinâmico, consiste em um botão que você adiciona dois campos de uma vez, um text e um file, porém preciso persistir isso no banco de dados, creio que preciso fazer com que os names dos inputs alterem e no controller conseguir passar todos eles. View
<div class="col-xs-12">
<div class="col-md-12" >
<div id="field">
<div id="field0">
<!-- Text input-->
<div class="form-group">
{!! Form::label('nome-anexo', 'Nome do anexo', ['class' => 'col-md-12 control-label'])!!}
<div class="col-md-12">
{!! Form::text('nome-anexo', null, ['class' => 'form-control input-md', 'id' => 'nome-anexo']) !!}
</div>
</div>
<br><br>
<!-- File Button -->
<div class="form-group">
{!! form::label('anexo', 'Anexo', ['class' => 'col-md-12 control-label']) !!}
<div class="col-md-12">
{!! Form::file('anexo', ['class' => 'input-file', 'id' => 'anexo']) !!}
<div id="action_jsondisplay"></div>
</div>
</div>
</div>
</div>
<!-- Button --><br>
<div class="form-group pull-right">
<div class="col-md-8">
<button id="add-more" name="add-more" class="btn btn-primary">Adicionar Campo</button>
</div>
</div>
<br><br>
</div>
</div>
JS
<script type="text/javascript">
$(document).ready(function () {
var next = 0;
$("#add-more").click(function(e){
e.preventDefault();
var addto = "#field" + next;
var addRemove = "#field" + (next);
next = next + 1;
var newIn = ' <div id="field'+ next +'" name="field'+ next +'"><!-- Text input--><div class="form-group"> <label class="col-md-12 control-label" for="nome-anexo">Nome do Anexo</label> <div class="col-md-12"> <input id="nome-anexo" name="nome-anexo" type="text" placeholder="" class="form-control input-md"> </div></div><br><br><!-- File Button --> <div class="form-group"> <label class="col-md-12 control-label" for="anexo">Anexo</label> <div class="col-md-12"> <input id="anexo" name="anexo" class="input-file" type="file"> </div></div></div>';
var newInput = $(newIn);
var removeBtn = '<div class="col-md-12"><button id="remove' + (next - 1) + '" class="btn btn-danger remove-me pull-right" >Remover</button></div></div></div><div id="field">';
var removeButton = $(removeBtn);
$(addto).after(newInput);
$(addRemove).after(removeButton);
$("#field" + next).attr('data-source',$(addto).attr('data-source'));
$("#count").val(next);
$('.remove-me').click(function(e){
e.preventDefault();
var fieldNum = this.id.charAt(this.id.length-1);
var fieldID = "#field" + fieldNum;
$(this).remove();
$(fieldID).remove();
});
});
});
</script>
Contoller
public function attach($contato){
$contato = Contato::find($contato);
$titulo = Request::input('titulo');
$mensagem = Request::input('mensagem');
$nomeAnexo = Request::input('nome-anexo');
$anexo = Request::file('anexo');
$contatoTimeline = ContatoTimeline::saveAnexo($contato,$titulo,$mensagem,$nomeAnexo,$anexo,true);
$contatoTimeline->user_id = \Auth::id();
$contatoTimeline->save();
return redirect()->back()->with([
'tipo' => 'success',
'mensagem' => 'Anexo adicionado com sucesso.'
]);
}