JS控制form表單action去向


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

 

不知道大家遇沒遇到這種情況,當我們提交一個表單的時候,可能因為相關的參數不同而需提交給不同的action地址。這時我們就可以用JS來實現這種功能。
===============
把相同的內容提交到不同的頁面
===============

 

[javascript]  view plain copy
 
  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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM