关于一个表单form包含多个提交动作submit的解决方法
2017-03-01 14:04
1006 查看
在开发工作共我们往往会遇到一个表单需要包含多个action不同的提交动作,这时候就不能在使用submit按钮来进行提交了,下面提供通过js来实现这一功能的方法
<form name="demo" method="post">
<!--YOUR DATA AREA-->
<input type="button" value="添加" onclick="addAction()">
<input type="button" value="删除" onclick="deleteAction()">
<input type="button" value="保存" onclick="saveAction()">
<input type="button" value="查询" onclick="searchAction()">
</form>
<script type="text/javascript">
function addAction(){
document.demo.action="your add method url";
document.demo.submit();
}
function deleteAction(){
document.demo.action="your delete method url";
document.demo.submit();
}
function saveAction(){
document.demo.action="your add save url";
document.demo.submit();
}
function searchAction(){
document.demo.action="your serach method url";
document.demo.submit();
}
</script>
form表单一定要添加上name属性,以通过document定位访问表单,不要写action属性了
<form name="demo" method="post">
<!--YOUR DATA AREA-->
<input type="button" value="添加" onclick="addAction()">
<input type="button" value="删除" onclick="deleteAction()">
<input type="button" value="保存" onclick="saveAction()">
<input type="button" value="查询" onclick="searchAction()">
</form>
<script type="text/javascript">
function addAction(){
document.demo.action="your add method url";
document.demo.submit();
}
function deleteAction(){
document.demo.action="your delete method url";
document.demo.submit();
}
function saveAction(){
document.demo.action="your add save url";
document.demo.submit();
}
function searchAction(){
document.demo.action="your serach method url";
document.demo.submit();
}
</script>
form表单一定要添加上name属性,以通过document定位访问表单,不要写action属性了
相关文章推荐
- 关于一个表单form包含多个提交动作submit的解决方法
- 一个form表单包含多个submit提交动作
- js的form表单提交url传参数(包含+等特殊字符)的解决方法
- 关于form使用form.submit()提交的一个问题,提示form.submit不是对象的方法属性
- 关于在用curl函数post网页数据时,遇上表单提交 type为submit 类型而且没有name和id时可能遇到的问题及其解决方法
- form.submit()不能提交表单的解决方法
- 关于form表单的submit提交时对象没有该属性和方法问题
- js的form表单提交url传参数(包含+等特殊字符)的解决方法
- 同一个页面提交多个form表单方法(详细)
- 表单包含file上传文件提交,使用ajaxSubmint或者ajaxForm 遇到的问题以及解决方法
- form.submit()不能提交表单的错误原因及解决方法
- Jquery Validation无法在Chrome浏览器下进行form.submit()表单提交的解决方法
- form.submit()不能提交表单的错误原因及解决方法
- js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
- [j2ee][servlet]使用get方法提交form表单时出现乱码解决方法
- JS实现一个表单form,多个submit按钮提交时带不同的action参数
- jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
- jquery submit()不能提交表单的解决方法
- form表单中name属性值为submit时,无法提交,出现"对象不支持此属性或方法"