jQuery 新添加的输入未提交

Question

我有很多 PHP 生成的输入字段。一旦我使用 jQuery 添加新字段，如果它们为空，则不会提交它们。但是，即使静态的为空，也会发送静态的。

我应该如何解决这个问题？

代码:

<form id="sendform" action="pdf.php" method="post">
<input type="text" name="to1" />
<input type="text" name="to2" />
<input type="text" name="to3" />
<input type="submit" value="send" />
</form>

现在 jQuery 部分是:

var clone = $('input[name="to2"]').clone();
$(clone).attr('name', 'to4');
$('#sendform').append(clone);

屏幕截图:

你可以看到有Note1、Note2、Note3、Note4。我已经动态添加了Note2。从截图中可以看到，它是在dom中，但是没有发送(是的，有数据输入)。

解决方案总之，问题出在放置在表格内的 元素( <table><form> )。当 成为表的父表( <form><table> )时 - 一切正常。

Answer 1

如果有人再次遇到同样的问题 - 原因可能非常简单:DOM 格式错误。这可能会导致正确的视觉呈现，但不会在提交时正确处理表单输入

如果您有以下情况:

[form]
    [div]

    [div]
  [div] <!-- redundant closing div -->
[/form]

可能无法发送新附加的表单字段。在 Firefox 中检查页面源代码 - 红色提示标签可能对您有帮助