Jquery ui 当对话框关闭时，jQuery UI对话框表单答案保持不变

我想使用jQueryUI对话框来处理表单的一部分

我希望代码能像这样工作

<form id="MyForm" name="MyForm">
<input type="text" id="Input1" name="Input1">
<input type="text" id="Input2" name="Input2">

<div id="dialog">
<input type="text" id="Input3" name="Input3">
<input type="text" id="Input4" name="Input4">
</div>

<button type="button" onclick="$('#dialog').dialog('open');">Fill out 3 and 4</button>

</form>

填写3和4

我将使用页面顶部的脚本声明将dialog div转换为dialog对象

1） 可以在这样的对话框中包含表单的一部分吗

---

2） 是否可以使用户输入的Input3和Input4值在对话框关闭时不会被删除？

我在Firefox 3.5中尝试了您的代码，答案如下：

1） 对。我还没有测试的提交将提交OK，但我不认为会有问题。 2） 是的，事实上这是默认行为

@kgiannakakis是正确的（我投了赞成票）。您可能希望尝试使用类似的工具，这样可以显示/隐藏页面的各个部分

UI对话框只使用一个“display:none；”标记来隐藏转换为对话框的div。它真的哪儿也去不了

您可以填写该对话框，然后删除将DIV设置为隐藏的样式标记，以查看输入框中的值是否仍然存在