0

Tenho um button que chama um modal para confirmação de exclusão, este esta em uma tabela, cada linha um button pra excluir o cadastro daquela linha

Porém da maneira que está ele sempre exclui o primeiro item da lista

<button type="button" id="btn-modal" cidadao-id="{{$cidadao->id}}" class="btn-modal" data-toggle="modal" data-target="#modal-default">{{$cidadao->id}}</button>

<div class="modal fade" id="modal-default">
    <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">Confirmação</h4>
        </div>
        <div class="modal-body">
            <p>Deseja realmente excluir o cadastro?</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Fechar</button>
            <form id="formdelete" class="form-vertical" method="POST" action="{{ action('CidadaoController@destroy', $cidadao->id)}}">
                @csrf
                @method('DELETE')                                               
                <button type="submit" class="btn btn-primary">{{$cidadao->id}}</button>
            </form>
        </div>
        </div>
    </div>
</div>

Consegui capturar o id correto com JS:

$('.btn-modal').click(function(){
    var id = $(this).attr('cidadao-id');
    console.log(id);
    //document.formdelete.action = "{{ action('CidadaoController@destroy', id)}}";
})

Tentei substituir o action para utilizar o id que capturei, porém não funcionou

Como poderia fazer para deletar o cadastro do id capturado?

3
  • Testei da forma como está e funcionou jsfiddle.net/ph3rx4bc/1 Commented 13/04/2018 às 19:47
  • 1
    Eu só recomendo alterar cidadao-id para data-cidadao-id e utilizar no lugar de attr data jsfiddle.net/ph3rx4bc/4 Commented 13/04/2018 às 19:49
  • @WictorChaves obrigado vou fazer isso, mas quanto a recuperar o id no modal não saberia me dizer como?
    – Mateus
    Commented 13/04/2018 às 19:54

1 Resposta 1

1

Consegui

Ficou assim o form:

<form class="formdelete" name="formdelete" method="POST">
    @csrf
    @method('DELETE')                                               
    <button type="submit" class="btn btn-primary">Excluir</button>
</form>

E assim no JS:

$('.btn-modal').click(function(){
    var id = $(this).data('cidadao-id');
    //console.log(id); 
    $(".formdelete").attr('action', ("cidadaos/"+id));
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .