js button 设置 method action

情况,当我们提交一个表单的时候,可能因为相关的参数不同而需提交给不同的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"> --%>
	...

Button 按钮是 HTML 表单中最常用的元素之一。它们允许用户与表单进行交互,提交表单或执行其他操作。以下是一些可以设置Button 按钮的属性: 1. type:按钮类型。默认值为 "submit",表示提交表单。其他可能的值包括 "button"(普通按钮)和 "reset"(重置表单)。 2. name:按钮的名称。当表单被提交时,这个名称将与按钮的值一起发送到服务器。 3. value:按钮的值。当表单被提交时,这个值将与按钮的名称一起发送到服务器。 4. disabled:禁用按钮。如果这个属性被设置为 true,按钮将被禁用,用户无法与它进行交互。 5. form:指定按钮所属的表单。如果这个属性被设置,按钮将被添加到指定的表单中。 6. autofocus:自动聚焦。如果这个属性被设置为 true,当页面加载完成后,按钮将自动聚焦,用户可以直接使用键盘或鼠标与它进行交互。 7. formaction:指定提交表单时使用的 URL。如果这个属性被设置,当用户点击按钮时,表单将被提交到指定的 URL。 8. formmethod:指定提交表单时使用的 HTTP 方法。默认值为 "get",可以设置为 "post" 或其他 HTTP 方法。 9. formenctype:指定提交表单时使用的数据编码类型。默认值为 "application/x-www-form-urlencoded",可以设置为 "multipart/form-data" 或其他类型。 10. formtarget:指定提交表单时使用的目标窗口或框架。默认值为 "_self",可以设置为 "_blank" 或其他目标。 11. onclick:点击按钮时执行的 JavaScript 代码。 这些属性可以通过在 HTML 中设置按钮元素的属性来进行设置。例如: ``` <button type="submit" name="submit-btn" value="submit">提交</button> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值