傳遞點擊形式bootbox.confirm（）

Question

我有提交一個表單，各形式是刪除對象：

{% for person in persons %} 
<form id='form' name='delete' action="{% url 'delete_person' person.id %}" 
      method='POST'> 

    {% csrf_token %} 

    <button type='submit' onclick="bootbox.confirm();" id="del" class='btn btn-xs btn-link icon'><i class='glyphicon glyphicon-remove'></i></button> 
</form> 
{% endfor %} 

當我在刪除圖標點擊相應的人應被刪除，

我使用bootbox.confirm（）：

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".btn#del").click(function(e) { 
    e.preventDefault(); 
    var lHref = $('form#form1').attr('action'); 
    bootbox.confirm("Are you sure?", function(confirmed) { 
     if(confirmed) { 
      window.location.href = lHref; 
     } 
    }); 
}); 
}) 
</script> 

我越來越形式的網址，如下所示：

var lHref = $('form#form1').attr('action'); 
    bootbox.confirm("Are you sure?", function(confirmed) { 
    if(confirmed) { 
    window.location.href = lHref; ... 

問題是無論我點擊哪個刪除按鈕，表單中的第一個用戶都會被刪除，所以我正在爲如何將$（this）傳遞給bootbox.confirm（）所以我可以獲得正確的url

Answer 1

，而不是綁定到按鈕的ID（這是多你的情況，因此將只綁定一個按鈕的事件）使用表單提交事件

也從你按鈕刪除的onclick

{% for person in persons %} 
<form id='form' name='delete' action="{% url 'delete_person' person.id %}" 
      method='POST'> 

    {% csrf_token %} 

    <button type='submit' id="del" class='btn btn-xs btn-link icon'><i class='glyphicon glyphicon-remove'></i></button> 
</form> 
{% endfor %} 

在javascript

<script type="text/javascript"> 
$(document).ready(function(){ 
$("form").submit(function(e) { 
    e.preventDefault(); 
    var lHref = $(this).attr('action'); 
    bootbox.confirm("Are you sure?", function(confirmed) { 
     if(confirmed) { 
      window.location.href = lHref; 
     } 
    }); 
}); 
}) 
</script>