Modal submetendo formulário

Programação
, , ,
#1

Pessoal, tenho uma JSP que pega os dados da servlet e popula uma tabela, até ai certinho. Criei dois forms, com um botão para editar e em outro com o botão para excluir e estava funcionando legal. Mas fui inventar de colocar uma modal para confirmar e exclusão do usuário e na modal ele pega apenas o primeiro item da tabela, não o atual.
Quando inspeciono a página os IDs aparecem certinho, mas na hora de confirmar a exclusão ele pega o 1º da lista.

                <c:forEach var="cliente" items="${lista}">
                    <tr>
                        <td>${cliente.id}</td>
                        <td>${cliente.nome}</td>
                        <td>${cliente.sobreNome}</td>
                        <td>${cliente.cpf}</td>
                        <td>
                            <div class="form-row">
                                <form action="editar?id=" method="GET" style="margin-right: 8px">
                                    <input type="hidden" name="id" value="${cliente.id}">
                                    <button type="submit" class="btn btn-primary">Editar</button>
                                </form>
                                <form action="excluir" method="POST">
                                    <input type="hidden" name="id" value="${cliente.id}"">
                                    <button type="button" class="btn btn-danger mr-1" data-toggle="modal" data-target="#excluirmodal">Excluir</button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="excluirmodal" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="TituloModalCentralizado">Confirmação</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    Deseja excluir esse cliente ${cliente.id}?
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                                    <button type="submit" class="btn btn-primary">Excluir</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>                                                    
                            </div>
                        </td>
                    </tr>
                </c:forEach>

Cliquei para excluir o ID 25, mas ele sempre puxa o 1º (nesse caso ID 23)

errmodal
errmodal.jpg1118×449 34.4 KB

Alguma ideia do que possa ser?

Valeu pessoal!

#2

Consegui resolver utilizando JQuey:

        <!-- Modal -->
        <div class="modal modal-danger fade" id="delete" tabindex="-1" role="dialog" aria- 
          labelledby="myModalLabel">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="TituloModalCentralizado">Confirmar 
                         exclusão</h5>
                        <button type="button" class="close" data-dismiss="modal" aria- 
                             label="Fechar">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="excluir" method="POST">
                        <div class="modal-body">
                            Deseja excluir esse cliente?
                            <input type="hidden" name="id" id="cat_id" value="">

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data- 
                             dismiss="modal">Cancelar</button>
                            <button type="submit" class="btn btn-warning">Excluir</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

Script:

    <script>
        $('#delete').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) 
            var cat_id = button.data('catid') 
            var modal = $(this)
            modal.find('.modal-body #cat_id').val(cat_id);
      })
      </script>