JS控制form表单action去向

本文介绍了一种使用JavaScript根据不同的操作需求动态改变表单提交地址的方法。通过几个具体实例展示了如何实现添加、删除、修改和查询等功能,同时提供了一种简化的方式将JS代码直接嵌入到表单按钮的onclick属性中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不知道大家遇没遇到这种情况,当我们提交一个表单的时候,可能因为相关的参数不同而需提交给不同的action地址。这时我们就可以用JS来实现这种功能。
===============
把相同的内容提交到不同的页面
===============

 

 

        <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>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值