情况,当我们提交一个表单的时候,可能因为相关的参数不同而需提交给不同的action地址。这时我们就可以用JS来实现这种功能。
===============
把相同的内容提交到不同的页面
===============
<mce:script type="text/javascript">
function insertStu(){
document.getElementById('myForm').action = "ctl.jsp?op=insert";
document.getElementById("myForm").submit();
}
function deleteStu(){
document.getElementById('myForm').action = "ctl.jsp?op=delete";
document.getElementById("myForm").submit();
}
function modifyStu(){
document.getElementById('myForm').action = "ctl.jsp?op=modify";
document.getElementById("myForm").submit();
}
function selectStu(){
document.getElementById('myForm').action = "ctl.jsp?op=select";
document.getElementById("myForm").submit();
}
</mce:script>
<form id="myForm" action="" method="post">
<input type="button" name="qurray" value="查询" onclick="selectStu()" />
<input type="button" name="updata" value="修改" onclick="modifyStu()" />
<input type="button" value="添加" onclick="insertStu()" />
<input type="button" name="del" value="删除" onclick="deleteStu()" />
</form>
==========================================================
也可以把js语句直接写在input按钮的 onclick 里:
<form name="form1" action="">
<input type="button" value="action1" onclick="form1.action='1';form1.submit();">
<input type="button" value="action2" onclick="form1.action='2';form1.submit();">
</form>
==================================
<script type="text/javascript">
$(function() {
$("#btnId").click(function() {
var formObj = document.getElementById("myForm");
/* formObj.action = "${pageContext.request.contextPath}/CartServlet?method=addCartItemToCart";
formObj.method = "get"; *///如果在前面form标签中已经带了action,method等,则要注释掉这里
formObj.action = "${pageContext.request.contextPath}/CartServlet?method=addCartItemToCart";
formObj.method = "post";
formObj.submit();
});
});
</script>
<form id="myForm" action="" method="">
<%-- <form id="myForm" action="${pageContext.request.contextPath}/CartServlet?method=addCartItemToCart" method="post"> --%>
...