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判断密码强度(自写代码)
Sep 06 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
ionic使用angularjs表单验证(模板验证)
Dec 12 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
Nov 16 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
[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]
2020/03/17 星际争霸
新手学习PHP的一些基础知识分享
2011/07/27 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
PHP实现二维数组去重功能示例
2017/01/12 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
原生js 秒表实现代码
2012/07/24 Javascript
使用mouse事件实现简单的鼠标经过特效
2015/01/30 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
vue + socket.io实现一个简易聊天室示例代码
2017/03/06 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
Python中运算符&quot;==&quot;和&quot;is&quot;的详解
2016/10/08 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
Python 通过调用接口获取公交信息的实例
2018/12/17 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
浅谈numpy中np.array()与np.asarray的区别以及.tolist
2020/06/03 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
Ruby如何定义一个类
2012/10/08 面试题
团员学习总结的自我评价范文
2013/10/14 职场文书
运动会开幕式解说词
2014/02/05 职场文书
党委班子对照检查材料
2014/08/19 职场文书
个人查摆剖析材料
2014/10/04 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
长辈生日祝福语大全(72句)
2019/08/09 职场文书