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

2019-12-17,,

之前一篇文章介绍了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实现点击左右按钮轮播图片效果实例
  • js实现图片点击左右轮播
  • js鼠标点击图片实现随机变换图片的方法
  • js实现点击图片自动提交action的简单方法

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

下载本文的Word格式文档,以方便收藏与打印。