使用js处理form表单中不同按钮提交到不同的路径

原创于 2019-01-27 16:22:26 发布 · 1k 阅读

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript改进表单提交过程的方法，通过修改表单的method和action属性，可以实现动态改变表单提交的目标和方式，提高了网页交互的灵活性。

<form action="${pageContext.request.contextPath}/CartServlet?method=addToCart" method="post" id="form">
<a href="javascript:void(0)" onclick="submit()">
<input  type="button">
</a>
</form>

<script>
function submit(){
	document.getElementById("form").submit();
}
function submit02(){
	document.getElementById("form").method="post";
	document.getElementById("form").action="http://www.baidu.com";
	document.getElementById("form").submit();
}
function submit03(){
	document.getElementById("form").method="post";
	document.getElementById("form").action="http://www.51cto.com";
	document.getElementById("form").submit();
}
</script>