您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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

01 <script src="Scripts/jquery-1.7.1.js"></script>  02   <script type="text/javascript">  03     function SubmitFormToSF() {  04       var sfForm = document.createElement("form");  05       document.body.appendChild(sfForm);  06       var mfInputs = "text1,checkbox1,Select1,Hidden1";  07       var sfInputs = "text1_c,checkbox1_c,Select1_c,Hidden1_c";  08       var mFInputsArray = mfInputs.split(",");  09       var sFInputsArray = sfInputs.split(",");  10       for (i = 0; i < mFInputsArray.length; i++) {  11         createInput(sfForm, "text", sFInputsArray[i], GetInputValue(document.getElementById(mFInputsArray[i])))  12       }  13       //创建联系时间  14     15       //创建隐藏域  16     17       sfForm.method = "post";  18       sfForm.action = "c.aspx";  19       sfForm.submit();  20     }  21     function createInput(sfForm,type,name,value)  22     {  23       var tmpInput = document.createElement("input");  24       tmpInput.type = type;  25       tmpInput.name = name;  26       tmpInput.value = value;  27       sfForm.appendChild(tmpInput);  28     }  29     function GetInputValue(ipt)  30     {  31       switch (ipt.type)  32       {  33         case "text":  34           return ipt.value;  35           break;  36         case "hidden":  37           return ipt.value;  38           break;  39         case "checkbox":  40           return ipt.checked;  41           break;  42         case "select-one":  43           return ipt.value;  44           break;  45       }  46     }  47     function getContratTime() {  48       var anytime = $("#anytime");  49       var afternoon = $("#afternoon");  50       var morning = $("#morning");  51       var evening = $("#evening");  52       if (anytime.checked) {  53         return "morning,afternoon,evening";  54       } else {  55         if (morning.checked)  56         {  57         &nbs