form表单 无法提交js动态添加的表单元素遇到的坑
2017-08-23 11:16
741 查看
第一种情况, 这种情况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标签里面。
<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标签里面。
相关文章推荐
- form表单 无法提交js动态添加的表单元素问题。。
- FORM表单无法提交JavaScript动态添加的表单元素
- js动态添加表单form元素
- js动态添加div 用于java后台的form表单的提交
- 关于js动态添加的表单元素,提交表单后接收不到的问题
- jQuery - 动态添加、删除form表单项(附:新增项数据无法提交问题解决)
- 使用js动态添加各种表单元素
- 简单解决 multipart/form-data 文件上传表单中 传递参数无法获取的办法! (解决办法:动态更改表单提交URL)
- JS动态创建form表单提交参数
- 用JS提交参数创建form表单在FireFox中遇到的问题
- 有关firefox和chrome下js动态创建form元素无法传值的问题
- SpringMVC架构下form表单无法从JS里提交参数到后台,且后台无反应
- js动态更改Form表单action,进行提交
- 有关firefox下js在table中动态创建form元素无法传值问题
- js动态创建Form表单并提交
- js创建form添加input项目并提交表单
- js遍历对象的属性并且动态添加属性并提交表单
- JavaScript实现动态添加Form表单元素的方法示例
- 用JS提交参数创建form表单在FireFox中遇到的问题
- 简单解决 multipart/form-data 文件上传表单中 传递参数无法获取的办法! (解决办法:动态更改表单提交URL)