form嵌套问题

最新推荐文章于 2024-02-21 11:54:30 发布

mush_me

最新推荐文章于 2024-02-21 11:54:30 发布

阅读量272

点赞数

分类专栏： javascript相关文章标签： Java

本文链接：https://blog.csdn.net/mush_me/article/details/83814236

版权

javascript相关专栏收录该内容

22 篇文章 0 订阅

订阅专栏

form是不能嵌套的，嵌套后会导致第一个form后的数据都不能提交


<form action="form.jsp" id="form1">
	<input type="text" name="value1" />
	<form action="12.jsp" id="form2">
		<input type="text" name="value2" />
	</form>
	<input type="text" name="value3" />
	<input type="submit" value="提交" onclick="submitForm();"/>
</form>

<script type="text/javascript">
	function submitForm(){
		document.getElementById("form1").submit();
	}
</script>

如上代码，只能获取到value1和value2的值，value3的值将丢失。
解决方法，有几种思路。


<form action="form.jsp" id="form1">
	<input type="text" name="value1" />
	<input type="text" name="value3" />
	<form action="12.jsp" id="form2">
		<input type="text" name="value2" />
	</form>

	<input type="submit" value="提交" onclick="submitForm();"/>
</form>

<script type="text/javascript">
	function submitForm(){
		document.getElementById("form1").submit();
	}
</script>

改成这样就OK了，或者写js将丢失的数值给记录下。