js创建表单元素并使用submit进行提交_JavaScript

js创建表单元素并使用submit进行提交

2021-02-18 17:14JavaScript教程网 JavaScript

这篇文章主要介绍了js创建表单元素并使用submit进行提交,需要的朋友可以参考下

js 创建form、input元素，并设置form的action及method，最后使用submit进行提交

				?

									<script src="Scripts/jquery-1.7.1.js"></script> 

									  <script type="text/javascript"> 

									    function SubmitFormToSF() { 

									      var sfForm = document.createElement("form"); 

									      document.body.appendChild(sfForm); 

									      var mfInputs = "text1,checkbox1,Select1,Hidden1"; 

									      var sfInputs = "text1_c,checkbox1_c,Select1_c,Hidden1_c"; 

									      var mFInputsArray = mfInputs.split(","); 

									      var sFInputsArray = sfInputs.split(","); 

									      for (i = 0; i < mFInputsArray.length; i++) { 

									        createInput(sfForm, "text", sFInputsArray[i], GetInputValue(document.getElementById(mFInputsArray[i]))) 

									      } 

									      //创建联系时间 

									      //创建隐藏域 

									      sfForm.method = "post"; 

									      sfForm.action = "c.aspx"; 

									      sfForm.submit(); 

									    } 

									    function createInput(sfForm,type,name,value) 

									    { 

									      var tmpInput = document.createElement("input"); 

									      tmpInput.type = type; 

									      tmpInput.name = name; 

									      tmpInput.value = value; 

									      sfForm.appendChild(tmpInput); 

									    } 

									    function GetInputValue(ipt) 

									    { 

									      switch (ipt.type) 

									      { 

									        case "text": 

									          return ipt.value; 

									          break; 

									        case "hidden": 

									          return ipt.value; 

									          break; 

									        case "checkbox": 

									          return ipt.checked; 

									          break; 

									        case "select-one": 

									          return ipt.value; 

									          break; 

									      } 

									    } 

									    function getContratTime() { 

									      var anytime = $("#anytime"); 

									      var afternoon = $("#afternoon"); 

									      var morning = $("#morning"); 

									      var evening = $("#evening"); 

									      if (anytime.checked) { 

									        return "morning,afternoon,evening"; 

									      } else { 

									        if (morning.checked) 

									        { 

									          return morning.val(); 

									        } else if (afternoon.checked) 

									        { 

									          return afternoon.val(); 

									        } else if (evening.checked) 

									        { 

									          return evening.val(); 

									        } 

									        return ""; 

									      } 

									    } 

									  </script>