Form表单自动提交

来源：互联网发布：联通是什么网络模式编辑：程序博客网时间：2024/04/29 21:04

文章来源：http://blog.csdn.net/u012586848/article/details/46849781

适用情形：
一个页面包含form.jsp和update.jsp，当在form表单中提交内容时，需要在当前页面立刻显示提交后返回的结果(update.jsp)。

先看个例子：

form.jsp

</pre><pre name="code" class="html"><html><head><title>Form表单自动提交</title><body><form action="update.jsp" method="post">请选择省份：</br><select name="province"><option value="heilongjiang">黑龙江</option><option value="liaoning">辽宁</option><option value="guangdong">广东</option></select><input type="submit" value="提交"></input></form></body></html>

问题描述：

每次选择下拉菜单中的一个时，必须点击“提交”按钮才能提交Form表单信息，不能选中后自动刷新

需要实现功能：

当选择下拉菜单中的任何一个，不用点击“提交”按钮也可自动提交表单，从而得到update.jsp中的响应结果

解决方法：
1.修改form.jsp如下：
<html>
<head>
<title>Form表单自动提交</title>
<script type="text/javascript">
function autoSubmit(){
document.getElementById("myForm").submit();
}
</script>
<body onload="autoSubmit();" >
<form id="myForm" action="update.jsp" method="post">
请选择省份：</br>
<select name="province" onChange="if (this.selectedIndex != 0) autoSubmit();">
<option value="heilongjiang">黑龙江</option>
<option value="liaoning">辽宁</option>
<option value="guangdong">广东</option>

</select>

</form>

</body>
</html>

参考来源：

1.http://stackoverflow.com/questions/23205706/uncaught-typeerror-cannot-read-property-submit-of-undefined

2.http://stackoverflow.com/questions/7231157/how-to-submit-form-on-change-of-dropdown-list

0 0