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 相关文章推荐
JS获取scrollHeight问题想到的标准问题
May 27 Javascript
jQuery ajax cache缓存问题
Jul 01 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
May 15 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
JS实现星星海特效
Dec 24 Javascript
node事件循环和process模块实例分析
Feb 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的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
php设计模式之单例模式代码
2016/06/11 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
让ie6也支持websocket采用flash封装实现
2013/02/18 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
js Canvas绘制圆形时钟效果
2017/02/17 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
2017/04/28 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
微信小程序实现图片选择并预览功能
2019/07/25 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
2020/08/10 Javascript
Python入门篇之面向对象
2014/10/20 Python
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
将python代码和注释分离的方法
2018/04/21 Python
Python删除n行后的其他行方法
2019/01/28 Python
Python大数据之网络爬虫的post请求、get请求区别实例分析
2019/11/16 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
Python运行DLL文件的方法
2020/01/17 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
英国人最爱的饰品网站:Accessorize
2016/08/22 全球购物
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
小学生读书感言
2014/02/12 职场文书
高中军训感言200字
2014/02/23 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
2014年环保工作总结
2014/11/26 职场文书
人口与计划生育责任书
2015/05/09 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python