Question

我正在使用Jquery UI对话框在删除记录时充当确认。我想要实现的是当你点击一个值为“delete”的提交按钮时，它将打开对话框窗口并确认你的选择。如果您选择是，它将提交带有提交按钮值的表单。我知道它现在不会起作用，因为submit（）无法知道点击了哪个按钮但是我不确定该怎么办呢？非常感谢提前。

<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/

添加提交按钮值以提交（）

1 个答案: