DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript動態創建form表單並提交的實現方法
JavaScript動態創建form表單並提交的實現方法
編輯:關於JavaScript     

本文實例講述了JavaScript動態創建form表單並提交的實現方法。分享給大家供大家參考,具體如下:

頁面布局有些復雜的情況下,可能需要在頁面中動態創建一個 form,JavaScript 創建 form 演示如下:

// JavaScript 構建一個 form 
function MakeForm() 
{ 
  // 創建一個 form 
  var form1 = document.createElement("form"); 
  form1.id = "form1"; 
  form1.name = "form1"; 
  // 添加到 body 中 
  document.body.appendChild(form1); 
  // 創建一個輸入 
  var input = document.createElement("input"); 
  // 設置相應參數 
  input.type = "text"; 
  input.name = "value1"; 
  input.value = "1234567"; 
  // 將該輸入框插入到 form 中 
  form1.appendChild(input); 
  // form 的提交方式 
  form1.method = "POST"; 
  // form 提交路徑 
  form1.action = "/servlet/info"; 
  // 對該 form 執行提交 
  form1.submit(); 
  // 刪除該 form 
  document.body.removeChild(form1); 
} 

調用 MakeForm 後,立即創建一個 Form,並提交,然後移除該 Form。

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved