0

我有一个带有默认提交按钮的 html 表单。提交表单后,将运行一个 php 文件(使用 action = homelocation)。我决定使用 JQuery UI 对话框来显示表单。我有 2 个默认按钮 - 一个用于保存,一个用于关闭对话框。谁能告诉我如何将表单提交按钮操作分配给 JQuery 对话框按钮(即将表单中的提交按钮替换为对话框中的按钮)?这是我的代码:

 <div id="userdialog" title="Add">
 <form id="add" action="engine.php" method="POST">
 <input type="hidden" name="action" value="homelocation" id="action">
     <button type="submit">Save this location</button>
    </form></div>

对话:

 $('#userdialog').dialog({

    width: 260,
            position: [250,100],
            buttons: {
                       "Save": function() {
                          HERE GOES THE REQUIRED FUNCTION
                            $(this).dialog('close'); },

                                     "Don't Save": function() {
                        $(this).dialog("close");
                    }
                }

            });
4

1 回答 1

5

你可以这样做:

$('#userdialog').dialog({
  width: 260,
  position: [250,100],
  buttons: {
    "Save": function() {
       $(this).find("form").submit();
       $(this).dialog('close'); },
    "Don't Save": function() {
       $(this).dialog("close");
    }
  }
});

或者,您可以调用$("#add").submit();以显式使用 ID,上面的版本在当前对话框中查找任何表单。

于 2010-04-24T11:47:57.103 回答