Tenho uma pagina chamada produtos.php
, onde listo todos produtos do meu banco de dados, cada produto esta em uma table e cada um tem seu respectivo botão de detalhes,editar e excluir, eu consigo passar o id para meu botão de exclui mas não consigo pegar ele no modal.
modal
<!-- Modal -->
<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modalLabel">Excluir Item</h4>
</div>
<div class="modal-body">
Deseja realmente excluir este item? <span class="nome"></span>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary delete">Sim</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
</div>
</div>
</div>
</div>
Não entendo muito de JS
$('.modal').on('click', function () {
var nome = $(this).data('nome');
var id = $(this).data('id');
$('span.nome').text(nome + ' (id = ' + id + ')');
$('.delete').attr('href', 'apagar.php?id=' + id);
$('#delete-modal').modal('show');
});
HTML/php do botão que abre a modal:
<a class="btn btn-danger btn-xs" href="apagar.php?id=<?php echo $linha['id_produto']; ?>" data-toggle="modal" data-nome="<?php echo $linha['nome'] ?>" data-id="<?php echo $linha['id_produto'] ?>" data-target="#delete-modal">Excluir</a>
Este é o meu botão.