JQuery UI Dialog提交表单，包含多个表单输入

Question

我有一个包含三个输入的表单：保存，删除和退出。单击“删除”时，弹出“JQuery UI”对话框以确认用户是否要删除该数据。它们有两个按钮作为选项：删除或取消。取消工作正常并关闭对话框。如果他们单击“删除”，我希望提交原始表单并删除数据，就像对话框不在那里一样，这是行不通的。我点击它，似乎没有任何事情发生。

我正在尝试提交“update_purchase”表单，但使用“delete_purchase”输入来模拟传达信息。使用下面的代码，一旦我在对话框上单击“删除”，就没有任何反应;但是，如果我单击“取消”退出对话框，然后单击原始表单上的“退出”，我发现该条目已被删除。

感谢您的帮助。

<form method="post" id="update_purchase" enctype="multipart/form-data" action="{{ url }}">
...
<input type="Submit" name="save" value="Save">
<input type="Submit" name="delete_purchase" id="delete" value="Delete">
<input type="Submit" name="exit_edit" value="Exit">

// Confirm Delete dialog
    $(function() {
        $("#dialog").dialog({
            autoOpen: false,
            resizable: false,
            height: 180,
            modal: true,
            buttons: {
                "Delete": function() {
                    $("#update_purchase").submit( function(eventObj){
                        $('<input />').attr('type', 'hidden')
                            .attr('name', "delete_purchase")
                            .attr('value', "Delete")
                            .appendTo('#update_purchase');
                    $( this ).dialog( "close" );
                    return true;                            
                    });
                },
                "Cancel": function() {
                $( this ).dialog( "close" );
                        }
                    }                           
        });
        $("#delete").click(function() {
            $("#dialog").dialog("open");
            return false;
        });
    });