self.close(event);
event.preventDefault();
}
})
[/javascript]
也就是说被创建的dialog元素是被添加到body元素中了，你想dialog的内容被作为子元素添加在了它所创建的这个dialog元素里，自然也会被从原始的form元素中拿出来了，这样它里面的表单元素也就无法知道自己提交到哪去了。

解决方法：
有人可能想直接修改上面这段代码，把.appendTo(document.body)改为类似.appendTo(document.forms[0])这样的代码。不过不管怎么说修改jquery这么成熟的库总不是明智的作法。我个人是在调用了dialog()方法后再将生成的元素放入到form中。
例如：
[javascript]
$(‘#control_panel_dialog’).dialog();
$(“body>div[role=dialog]“).appendTo(‘form:first’);
[/javascript]
或者：
[javascript]
$(‘#control_panel_dialog’).dialog().parent().appendTo(‘form:first’);
[/javascript]
或者：
[javascript]
$(‘#control_panel_dialog’).dialog();
$(‘.ui-dialog’).appendTo(‘form:first’);
[/javascript]
由于我正常是使用asp.net，正常只有一个 form 元素，这样的话直接加入到 ‘form:first’ 就好了。

<script type="text/javascript">
<!--

 var viewportwidth;
 var viewportheight;

 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }

 // older versions of IE

 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
//-->
</script>