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 相关文章推荐
JavaScript的面向对象(一)
Nov 09 Javascript
jquery checkbox全选、取消全选实现代码
Mar 05 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
JavaScript操作XML文件之XML读取方法
Jun 09 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
Javascript防止图片拉伸的自适应处理方法
Dec 26 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
JS简易计算器实例讲解
Jun 30 Javascript
JS this关键字在ajax中使用出现问题解决方案
Jul 17 Javascript
openlayers4.6.5实现距离量测和面积量测
Sep 25 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
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
2017/03/29 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
Python入门篇之列表和元组
2014/10/17 Python
详解Python的Django框架中的模版继承
2015/07/16 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
HTML5 video标签(播放器)学习笔记(一):使用入门
2015/04/24 HTML / CSS
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
澳大利亚波西米亚风情网上商店:Czarina
2019/03/18 全球购物
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
说出一些常用的类,包,接口
2014/09/22 面试题
拉丁舞学习者的自我评价
2013/10/27 职场文书
医学院学生的自我评价分享
2013/11/19 职场文书
解除劳动合同协议书(样本)
2014/10/02 职场文书
质量整改报告范文
2014/11/08 职场文书
2015年宣传部个人工作总结
2015/05/14 职场文书
公司管理建议书
2015/09/14 职场文书