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 相关文章推荐
jquery中通过过滤器获取表单元素的实现代码
Jul 05 Javascript
Javascript中的isNaN函数使用说明
Nov 10 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
js弹出窗口返回值的简单实例
May 28 Javascript
JavaScript提高网站性能优化的建议(二)
Jul 24 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
node.js中express-session配置项详解
May 31 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
Jul 21 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 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代码DOS造成用光网络带宽
2011/03/01 PHP
采集邮箱的php代码(抓取网页中的邮箱地址)
2012/07/17 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
javascript canvas API内容整理
2020/02/16 Javascript
python单链表实现代码实例
2013/11/21 Python
Python正则表达式的使用范例详解
2014/08/08 Python
Python原始字符串(raw strings)用法实例
2014/10/13 Python
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
python中cPickle类使用方法详解
2018/08/27 Python
python3实现名片管理系统
2020/11/29 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
django连接oracle时setting 配置方法
2019/08/29 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
CHARLES & KEITH英国官网:新加坡时尚品牌
2018/07/04 全球购物
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
团支书的期末学习总结自我评价
2013/11/01 职场文书
自我鉴定写作要点
2014/01/17 职场文书
文明寝室申报材料
2014/05/12 职场文书
教师个人总结范文
2015/02/11 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书