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将丢失的数值给记录下。