同一個form表單提交到不同的頁面進行處理

admin發表於2017-03-24
ORM

在頁面中有一個表單，可能需要根據不同的情況將資料提交給不同的頁面處理，也就是說form表單的action屬性不同，下面就通過程式碼例項介紹一下如何實現此功能，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title> 
<script type="text/javascript"> 
function modifyfunc(){ 
  document.theform.action="modify.jsp"; 
  document.theform.submit(); 
} 
 
function deletefunc(){ 
  document.theform.action="delete.jsp"; 
  document.theform.submit(); 
} 
window.onload=function(){
  var omodify=document.getElementById("modify");
  var odelete=document.getElementById("delete");
  omodify.onclick=function(){
    modifyfunc();
  }
  odelete.onclick=function(){
    deletefunc();
  }
}
</Script> 
</head> 
<body> 
<form name="theform" action=""> 
<input type="button" id="modify" value="修 改"/> 
<input type="button" id="delete" value="刪 除"/> 
</form> 
</body> 
</html>

以上程式碼實現了我們的要求，原理非常的簡單，就是點選不同的按鈕會觸發不同的事件處理函式，然後呼叫不同的函式，相應的函式能夠將action屬性值設定為不同，這樣就實現了我們的要求。

相關文章