今天遇到个js动态生成的input 无法被post获取的问题,找了半天发现是因为下面这个原因
第一种情况, 这种情况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标签里面。