使用javascript动态添加表单元素-不提交

编辑:我通过从头开始解决了这个问题。很抱歉浪费你们的时间。如果您有此想法,请投票关闭。

当通过javascript添加输入字段时,我很难获取表单中要提交的实际数据。字段显示在正确的位置,但是当我在服务器端执行var_转储(fieldname)时,什么都没有显示。使用Live HTTP头进行检查告诉我浏览器没有尝试提交动态添加的表单字段。

我的代码:

<form id="att_form" method="post" name="add_attachments" enctype="multipart/form-data" action="#">
<-- below input to prove form submits, just not the dyn added elements -->
<input name="data[one]" type="text" />
<div id="add_fields"></div>
<input type="submit" />
</form>

Javascript

function addFormField()
{
 var id = 1;
 var htm = "<p id='row" + id + "'><input type='text' size='20' name='txt[]' id='txt" + id + "' /></p>";
 $("#add_fields".append( htm );
}

当我提交表单时,名为data[one]的输入将显示为POSTd值,但使用addFormField()添加的则不会显示。它们以HTML格式显示在正确的位置,但不会发布。我是否需要将该元素作为子元素附加到表单元素以使其提交?

我见过 Submit form input fields added with javascript 这就是我想把数据专门附加到表单子级的原因,但这需要对CSS进行一些重构。所以,我希望我能在上面的代码中做一些简单的事情。

提前谢谢!