编程 Javascript

js实现表单多按钮提交action的处理方法

Posted in Javascript onOctober 24, 2015

之前一篇文章介绍了php实现表单多按钮提交action的处理方法，今天再介绍一种js实现表单多按钮提交action的处理方法，希望能够帮助到大家。

用JS实现一个表单多个按钮的方法，两个onclick事件处理，代码如下：

<html>  
<head>  
<script>  
  function submitit1()  
  //交由程序1处理    
  {  
    document.myForm.action = "http://www.site.com/cgi1.php"  
    document.myForm.submit();  
  }  
  function submitit2()  
  //交由程序2处理    
  {  
    document.myForm.action = "http://www.site.com/cgi2.php"  
    document.myForm.submit();  
  }  
</script>  
</head>  
  
<body>  
<form name="myForm" METHOD=POST>  
  username:<input type=text name=text1>  
  password:<input type=password name=text2>  
  <input type=button value="Submit1" onClick=submitit1();>  
  <input type=button value="Submit2" onClick=submitit2();>  
</form>  
</body>  
</html>

大家可以结合前一篇《php实现表单多按钮提交action的处理方法》一起学习，可能效果会更好。

js实现表单多按钮提交action的处理方法

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery+ajax实现动态执行脚本的方法

Jan 27 Javascript

jQuery实现平滑滚动的标签分栏切换效果

Aug 28 Javascript

JS本地刷新返回上一页代码

Jul 25 Javascript

更靠谱的H5横竖屏检测方法（js代码）

Sep 13 Javascript

AngularJS 双向数据绑定详解简单实例

Oct 20 Javascript

20行JS代码实现网页刮刮乐效果

Jun 23 Javascript

详解webpack+express多页站点开发

Dec 22 Javascript

vue 组件全局注册和局部注册的实现

Feb 28 Javascript

Node错误处理笔记之挖坑系列教程

Jun 05 Javascript

vue实现重置表单信息为空的方法

Sep 29 Javascript

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

Jul 20 Javascript

layui表格分页记录勾选的实例

Sep 02 Javascript

JS实现状态栏跑马灯文字效果代码

Oct 24 #Javascript

JavaScript实现标题栏文字轮播效果代码

Oct 24 #Javascript

JS实现IE状态栏文字缩放效果代码

Oct 24 #Javascript

jQuery实现悬浮在右上角的网页客服效果代码

Oct 24 #Javascript

jQuery+AJAX实现遮罩层登录验证界面（附源码）

Sep 13 #Javascript

JS实现从顶部下拉显示的带动画QQ客服特效代码

Oct 24 #Javascript

js获取表格的行数和列数的方法

Oct 23 #Javascript