UI对话框移动到<form>标签</form>之外

Question

我有一个包含多个字段的表单。

它还包含一些在Ui对话框中弹出的字段，当我填写这些字段并关闭对话框时，对话框将我的字段放在</body>标记之前的表单之外。

看看这个：

如何将其保留在表格标签中？因为我需要在我的表单中发布这些字段。

我在此弹出窗口中有一些动态生成的字段，例如添加更多字段。

现在，如果检查这个小提琴：http://jsfiddle.net/xpkFf/258/

在打开和关闭弹出窗口后检查firebug，表单标签将显示为空。

有任何解决方案吗？

我使用PHP

使用$ _POST在另一个页面上发布数据

以下是示例代码：

HTML：

<form>
    <div id="dialog">
    <input type="text" name="first_name">
   </div>
 </form>
<a href="#" id="open">Open dialog</a>

JS：

$('#open').click(function() {
    $('#dialog').dialog('open');

});



$('#dialog').dialog({
    autoOpen: false,
    modal: false
});

Answer 1

您如何将表单数据发送到服务器？如果您只是使用$ .post，则可以.serialize（）表单数据，然后只需获取对话框中项目的值并将其添加到其中：

$.post('submitit.php', {  $("#myform").serialize() + "&anotherItem=" + $("#dialogItem").val () }, function (results) {
    // do something with results
}, "json");