JS控制form表单action去向

http://blog.csdn.net/w709854369/article/details/6261624

 

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

 

[javascript] view plaincopy
 
  1. <mce:script type="text/javascript"><!--  
  2.      function insertStu(){  
  3.          document.getElementById('myForm').action = "ctl.jsp?op=insert";  
  4.          document.getElementById("myForm").submit();  
  5.      }  
  6.       
  7.      function deleteStu(){  
  8.          document.getElementById('myForm').action = "ctl.jsp?op=delete";  
  9.          document.getElementById("myForm").submit();  
  10.      }  
  11.       
  12.      function modifyStu(){  
  13.          document.getElementById('myForm').action = "ctl.jsp?op=modify";  
  14.          document.getElementById("myForm").submit();  
  15.      }  
  16.       
  17.      function selectStu(){  
  18.          document.getElementById('myForm').action = "ctl.jsp?op=select";  
  19.          document.getElementById("myForm").submit();  
  20.      }  
  21.    
  22. t;</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>

posted @   _海阔天空  阅读(27152)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示