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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
原生js实现验证码功能
Mar 16 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
JS实现移动端触屏拖拽功能
Jul 31 Javascript
深入了解Vue动态组件和异步组件
Jan 26 Vue.js
使用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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
PHP解决中文乱码
2017/04/28 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
canvas学习之API整理笔记(二)
2016/12/29 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
Selenium chrome配置代理Python版的方法
2018/11/29 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
python中threading开启关闭线程操作
2020/05/02 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
企业管理培训感言
2014/01/27 职场文书
请假条标准格式规范
2014/04/10 职场文书
承诺书模板大全
2015/05/04 职场文书
2015质检员个人年终工作总结
2015/10/23 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL
MySQL sql_mode修改不生效的原因及解决
2021/05/07 MySQL
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
golang内置函数len的小技巧
2021/07/25 Golang
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL