当前位置: 代码迷 >> Web前端 >> form嵌套有关问题
  详细解决方案

form嵌套有关问题

热度:108   发布时间:2012-11-16 14:12:14.0
form嵌套问题
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将丢失的数值给记录下。
  相关解决方案