将提交按钮值添加到 submit()

Question

我正在使用 Jquery UI 对话框作为删除记录时的确认。 我想要实现的是，当您单击值为“删除”的提交按钮时，它将打开对话框 window 并确认您的选择。 如果您选择是，它将使用提交按钮的值提交表单。 我知道它目前不起作用，因为 submit() 无法知道单击了哪个按钮，但我不确定如何 go 关于它？ 提前谢谢了。

<script type="text/javascript">
$(document).ready(function(){
    $("#dialog").dialog({
      modal: true,
            bgiframe: true,
            width: 500,
            height: 200,
      autoOpen: false
      });

    $("#rusure").click(function(e) {
        e.preventDefault();
        $("#dialog").dialog('option', 'buttons', {
                "Confirm" : function() {
                    $("#tasks").submit();
                    },
                "Cancel" : function() {
                    $(this).dialog("close");
                    }
                });
        $("#dialog").dialog("open");
    });
});
</script>
<input type="submit" name="action" value="Delete" id="rusure"/>

表单称为“任务”，包含对话内容的隐藏 div 称为“对话”。 目前，除了使用提交按钮的值提交的表单之外，一切都运行良好。 表单中还有 2 个提交按钮。

Answer 1

试试这个：

$("#rusure").click(function(e) {

    e.preventDefault();

    // Create hidden input from button and append to form
    var input = $('<input name="confirm_delete" value="yesplz" type="hidden" />').appendTo('#tasks');

    $("#dialog").dialog('option', 'buttons', {
            "Confirm" : function() {
                $("#tasks").submit();
                },
            "Cancel" : function() {
                $(this).dialog("close");
                $(input).remove();// Remove hidden input
                }
            });

    $("#dialog").dialog("open");

});

此处演示： http://jsfiddle.net/Madmartigan/ZGLNc/1/