form表单 无法提交js动态添加的表单元素遇到的坑

第一种情况， 这种情况js动态添加的表单元素是不能提交到服务器端的

<table>

<form method="post" action=" url  ">

<tr><td></td><td></td></tr>

<tr><td></td><td></td></tr>

</form>

</table>

 

第二种情况， 才可以把js动态添加的表单元素提交到服务器端

<form method="post" action=" url  ">

<table>

<tr><td></td><td></td></tr>

<tr><td></td><td></td></tr>

</table>

</form>

 

总结：要保证form的完整性，和它放置目标html标签的完整性，例如：上面的table就不能用form标签把table和table的tr节点分开。

只有这样才能把js动态添加到form的元素提交到服务端。

如果你分不标签的完整性。你可以打开，googlei浏览器的开发都工具。查看你用js动态添加的标签有没有包含在form标签里面。