zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    正则表达式解析
    Selenium自动化测试系列文章汇总
    Python自动化测试-正则表达式解析
    滴滴滴,ITester软件测试小栈所有资源放送!
    Selenium自动化测试-文件上传
    Selenium自动化测试-浏览器基本操作
    2020牛客暑期多校第四场-H Harder Gcd Problem(贪心构造)
    2020牛客暑期多校第三场F-Fraction Construction Problem-分数构造题(拓展欧几里得)
    洛谷P1919--A*B Problem升级版(NTT优化高精度乘法)
    洛谷P4721-分治FFT(NTT分治)
  • 原文地址:https://www.cnblogs.com/zkwarrior/p/4835445.html
Copyright © 2011-2022 走看看