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 相关文章推荐
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
js动态创建标签示例代码
Jun 09 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
js获取元素的偏移量offset简单方法(必看)
Jul 05 Javascript
理解javascript async的用法
Aug 22 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
js实现无限层级树形数据结构(创新算法)
Feb 27 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
Jun 08 Javascript
JavaScript实现五子棋小游戏
Oct 26 Javascript
CocosCreator如何实现划过的位置显示纹理
Apr 14 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中三个等号(===)和两个等号(==)的区别
2013/08/06 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
使用CSS样式position:fixed水平滚动的方法
2014/02/19 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
js库Modernizr的介绍和使用
2015/05/07 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
vue项目中用cdn优化的方法
2018/01/03 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
深入了解JavaScript 防抖和节流
2019/09/12 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
简单的Python2.7编程初学经验总结
2015/04/01 Python
Python中IPYTHON入门实例
2015/05/11 Python
Python生成器generator用法示例
2018/08/10 Python
Python字典对象实现原理详解
2019/07/01 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
教师的实习自我鉴定
2013/12/17 职场文书
双拥工作宣传标语
2014/06/26 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
公司委托书格式范文
2014/10/09 职场文书
出国留学导师推荐信
2015/03/26 职场文书
医院办公室主任岗位职责
2015/04/01 职场文书
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL