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弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
使用jquery自定义鼠标样式满足个性需求
Nov 05 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
jquery实现邮箱自动填充提示功能
Nov 17 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
node.js 中间件express-session使用详解
May 20 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
vue-路由精讲 二级路由和三级路由的作用
Aug 06 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+Html+缓存
2006/12/20 PHP
php 文件上传系统手记
2009/10/26 PHP
php设计模式 State (状态模式)
2011/06/26 PHP
php导出excel格式数据问题
2014/03/11 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
IE6不能修改NAME问题的解决方法
2010/09/03 Javascript
利用jquery的获取JS文件中的字符串内容
2012/02/14 Javascript
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
Python中动态创建类实例的方法
2017/03/24 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
python 实现敏感词过滤的方法
2019/01/21 Python
python求质数列表的例子
2019/11/24 Python
Python面向对象原理与基础语法详解
2020/01/02 Python
使用pyecharts1.7进行简单的可视化大全
2020/05/17 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
复古服装:RetroStage
2019/05/10 全球购物
英国网上超市:Ocado
2020/03/05 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
护理专业推荐信
2013/11/07 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
四年级小学生评语
2014/12/26 职场文书
调解书格式范本
2015/05/20 职场文书
红色革命电影观后感
2015/06/18 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang