当框关闭时，jQuery UI对话框表单答案仍然存在

Question

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

我希望代码可以像这样工作。

<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>

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

1）是否可以在这样的对话框中包含部分表单？

2）是否有可能使用户输入Input3的值，而对话框关闭时不会删除Input4？

Answer 1

我在Firefox 3.5中尝试过您的代码，答案是：

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

Answer 2

@kgiannakakis是正确的（我投了赞成票）。您可能想尝试使用FireFox's Web Developer plugin之类的工具，它可以让您显示/隐藏页面的各个部分。

UI对话框只使用“display：none;”标记以隐藏您转为对话框的div。它并没有真正去任何地方。

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