javascript - UI 对话框移出 标签

Question

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

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

看看这个:

如何将它保存在表单标签中？因为我需要表单中的这些字段才能发布。

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

现在如果检查这个 fiddle :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");