我知道这是一个老问题，但是对于任何有同样问题的人来说，有一个更新和更简单的解决方案:在jQuery UI 1.10.0中引入了“appendTo”选项

http://api.jqueryui.com/dialog/#option-appendTo

$("#dialog").dialog({
    appendTo: "form"
    ....
});

上面肯的回答对我很有用。这个公认答案的问题在于，它只适用于页面上只有一个模态的情况。如果你有多个情态动词，你需要在初始化对话框的时候在“open”参数中做，而不是在初始化对话框之后。

open: function(type,data) { $(this).parent().appendTo("form"); }

如果您按照第一个接受的答案对多个情态句进行处理，那么您将只会得到页面上的最后一个情态句正确地触发回发，而不是所有回发。

我不想在我的项目中的每个对话框都要解决这个问题，所以我创建了一个简单的jQuery插件。这个插件仅仅用于打开新的对话框并将它们放入ASP中。净形式:

(function($) {
    /**
     * This is a simple jQuery plugin that works with the jQuery UI
     * dialog. This plugin makes the jQuery UI dialog append to the
     * first form on the page (i.e. the asp.net form) so that
     * forms in the dialog will post back to the server.
     *
     * This plugin is merely used to open dialogs. Use the normal
     * $.fn.dialog() function to close dialogs programatically.
     */
    $.fn.aspdialog = function() {
        if (typeof $.fn.dialog !== "function")
            return;

        var dlg = {};

        if ( (arguments.length == 0)
                || (arguments[0] instanceof String) ) {
            // If we just want to open it without any options
            // we do it this way.
            dlg = this.dialog({ "autoOpen": false });
            dlg.parent().appendTo('form:first');
            dlg.dialog('open');
        }
        else {
            var options = arguments[0];
            options.autoOpen = false;
            options.bgiframe = true;

            dlg = this.dialog(options);
            dlg.parent().appendTo('form:first');
            dlg.dialog('open');
        }
    };
})(jQuery);</code></pre>

因此，要使用插件，首先加载jQuery UI，然后加载插件。然后你可以做如下的事情:

$('#myDialog1').aspdialog(); // Simple
$('#myDialog2').aspdialog('open'); // The same thing
$('#myDialog3').aspdialog({title: "My Dialog", width: 320, height: 240}); // With options!

需要明确的是，这个插件假定你已经准备好在调用它时显示对话框。

在使用modal:true选项时，使用这一行来实现此工作。

open: function (type, data) { 
    $('.ui-widget-overlay').appendTo("form"); $(this).parent().appendTo("form"); 
  },

这主要是因为jQuery使用DOM将对话框移到表单标记之外。将其移回表单标签内，应该可以正常工作。您可以通过检查Firefox中的元素来看到这一点。

我只是在创建对话框后添加了以下一行:

$(".ui-dialog").prependTo("form");