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>

  • 相关阅读:
    PYTHON简介
    zabbix4.0搭建2
    zabbix4.0搭建1
    zabbix监控
    Linux中vim编辑命令
    零基础逆向工程25_C++_02_类的成员权限_虚函数_模板
    零基础逆向工程24_C++_01_类_this指针_继承本质_多层继承
    零基础逆向工程23_PE结构07_重定位表_IAT表(待补充)
    零基础逆向工程22_PE结构06_导入表
    零基础逆向工程21_PE结构05_数据目录表_导出表
  • 原文地址:https://www.cnblogs.com/zkwarrior/p/4835445.html
Copyright © 2011-2022 走看看