关于一个表单form包含多个提交动作submit的解决方法_form的submit事件可以有多个eventhandler吗-优快云博客

本文介绍了一种在不使用submit按钮的情况下，通过JavaScript为表单实现多种提交动作的方法。具体展示了如何通过设置不同按钮的onclick事件来改变表单的提交地址，从而实现如添加、删除、保存和查询等不同功能。

在开发工作共我们往往会遇到一个表单需要包含多个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属性了