您的位置:首页 > Web前端 > JavaScript

关于一个表单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属性了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  表单 javascript