Estoy tratando de eliminar una fila cuando se hace clic en el botón Eliminar.
<tbody> {% for dt in data %} <tr> <td> <i class="fa fa-external-link user-profile-icon"></i> <a href="{{dt.url}}" target="_blank">{{dt.url}}</a> </td> <td>{{dt.modified}}</td> <td> <button type="button" class="fa fa-trash-o btn btn-danger" data-toggle="modal" data-target="#exampleModal{{forloop.counter}}">Delete</button> </td> <div class="modal fade bd-example-modal-lg" id="exampleModal{{forloop.counter}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModal{{forloop.counter}}">DELETE</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> Are you sure you want to delete this row </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button> <button type="submit" class="btn btn-primary">Yes</button> </div> </div> </div> </div> </tr> {% endfor %} </tbody> Cuando hago clic en el botón Eliminar, aparece un modal para confirmar y cuando hago clic en Sí, tengo que enviar el {{dt.url}} para el botón Eliminar correspondiente. Podría usar la etiqueta de entrada con tipo oculto y establecer el valor de entrada con {{dt.url}} . No puedo comprobar en qué botón Eliminar se ha hecho clic. Por favor ayuda.
Agregue <input type="hidden" name="deletefile" value="" id="deletefileID"> fuera de su tabla.
Ahora establezca el valor del botón como {{dt.url} .
<button type="button" value="{{dt.url}" class="fa fa-trash-o btn btn-danger" data-toggle="modal" data-target="#exampleModal{{forloop.counter}}">Delete</button>Esto es para usar este valor para establecer el valor de la etiqueta de entrada oculta cada vez que se hace clic en el botón Eliminar.
$('.btn-danger').on('click',function(){ var tmp = this; tmp = tmp.value; $('#deletefileID').val(tmp); });