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


Posted in Javascript onAugust 14, 2014

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>
Javascript 相关文章推荐
用脚本调用样式的几种方法
Dec 09 Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
freemarker判断对象是否为空的方法
Aug 13 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
js实现密码强度检测【附示例】
Mar 30 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue中props的详解
May 16 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 Javascript
vue实现lodop打印功能的示例
Nov 11 Javascript
使用typeof判断function是否存在于上下文
Aug 14 #Javascript
java、javascript实现附件下载示例
Aug 14 #Javascript
js怎么判断flash swf文件是否加载完毕
Aug 14 #Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 #Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 #Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 #Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 #Javascript
You might like
PHP中array_merge和array相加的区别分析
2013/06/17 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
实例分析PHP将字符串转换成数字的方法
2019/01/27 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
在网页里看flash的trace数据的js类
2009/01/10 Javascript
js 设置选中行的样式的实现代码
2010/05/24 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
javascript中FOREACH数组方法使用示例
2016/03/01 Javascript
jQuery多文件异步上传带进度条实例代码
2016/08/16 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
Vue.js搭建移动端购物车界面
2020/06/28 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
vue和webpack安装命令详解
2018/06/15 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
分享一下Python数据分析常用的8款工具
2018/04/29 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
Pandas读写CSV文件的方法示例
2019/03/27 Python
python Pillow图像处理方法汇总
2019/10/16 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
美国宠物商店:Wag.com
2016/10/25 全球购物
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
英国领先的运动物理治疗供应公司:Vivomed
2018/07/14 全球购物
师德师风承诺书
2014/05/23 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
工作业绩不及格检讨书
2014/10/28 职场文书
2015年高校就业工作总结
2015/05/04 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
使用Python开发冰球小游戏
2022/04/30 Python