且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

jQuery对话框:确认单击提交按钮

更新时间:2022-12-02 18:33:06

您需要让对话框按钮提交<form>,如下所示:

You need to have your dialog button submit the <form>, like this:

               'Delete all items': function() {
                  $(this).dialog('close');
                  $("#myForm").submit();
                }

您其余的代码是正确的,但是当前它只是关闭对话框并返回,您需要实际提交表单.另外,***将其用作点击处理程序,而不是像这样的onclick(已更新注释):

The rest of your code is correct, but it's currently just closing the dialog and returning, you need to actually submit the form. Also, it's better to do this as a click handler, instead of onclick, like this (updated for comments):

    var currentForm;
    $(function() {
        $("#dialog-confirm").dialog({
            resizable: false,
            height: 140,
            modal: true,
            autoOpen: false,
            buttons: {
                'Delete all items': function() {
                    $(this).dialog('close');
                    currentForm.submit();
                },
                'Cancel': function() {
                    $(this).dialog('close');
                }
            }
        });
        $(".delete").click(function() {
          currentForm = $(this).closest('form');
          $("#dialog-confirm").dialog('open');
          return false;
        });
    });

然后只给您的<input>一个delete类,如下所示:

Then just give your <input> an class of delete, like this:

<input class="delete" type="submit" value="delete" />