向submit()添加提交按钮值

Adding submit button value to submit()

本文关键字：提交 按钮 添加 submit      更新时间：2023-09-26

我使用Jquery UI对话框作为删除记录时的确认。我想要实现的是，当你点击一个带有"删除"值的提交按钮时，它会打开对话框窗口并确认你的选择。如果您选择yes，它将使用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"/>

表单名为"tasks"，包含对话框内容的隐藏div名为"dialog"。目前一切都很好，除了提交表单与提交按钮的值。表单中还有2个提交按钮

试一试:

$("#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/

相关文章：