Javascript 保存表单会丢失添加的字段

我有一个表格，他们可以添加任意数量的附件。此外，我还有一个JavaScript函数：

function CreateField()
{
    var div = document.createElement("div");
    div.innerHTML = '<textarea name="attachement_1"></textarea>';
    var span = document.getElementById('media_template_attachment');
    span.parentNode.insertBefore(div, span);

    alert(span.parentNode.innerHTML);
}

---

也就是说，添加的项目虽然可能会出现在浏览器窗口中，并且可以作为HTML代码使用，但不会与POST数据一起发送。为什么？我不明白。有人有什么想法吗？

您的代码对我来说很好-发送动态添加的字段。使用探查器或检查浏览器的“网络”选项卡，查看发送的请求和数据。。如果您发现问题，请告诉我们您的浏览器名称、版本等，并告诉我们无法使用JSFIDLE，以便我们提供帮助。附带信息（在google chrome上）对我没有任何帮助。我已经在不同的浏览器上运行了这些脚本：google chrome、firefox、msie、safari。它不适用于任何浏览器。我也在另一台有两种不同浏览器的电脑上试用过，但即使在那里也不起作用。

<form name="modify_post_form" action="?save=modify_post" method="post">

<a href="javascript:CreateField();">Add</a>

<td><span id="media_template_attachment" />
    <input type="submit" value="Save" />
</td>

Array
(
    [area_id] => 6
    [subject] => Mail
    [description] => test test
    [id] => 486
)