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 相关文章推荐
URL地址中的#符号使用说明
Feb 12 Javascript
js简单实现用户注册信息的校验代码
Nov 15 Javascript
jQuery插件Validate实现自定义校验结果样式
Jan 18 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
Aug 04 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 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
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
复制小说文本时出现的随机乱码的去除方法
2010/09/07 Javascript
js与jQuery 获取父窗、子窗的iframe
2013/12/20 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
2019/05/22 Javascript
swiper实现异形轮播效果
2019/11/28 Javascript
微信小程序使用GoEasy实现websocket实时通讯
2020/05/19 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
python中的线程threading.Thread()使用详解
2019/12/17 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
Nayomi官网:沙特阿拉伯王国睡衣和内衣品牌
2020/12/19 全球购物
营销主管自我评价怎么写
2013/09/19 职场文书
平面设计的岗位职责
2013/11/08 职场文书
财务分析个人的自荐书范文
2013/11/24 职场文书
八年级历史教学反思
2014/01/10 职场文书
企业党员公开承诺书
2014/03/26 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
2014年团队工作总结
2014/11/24 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
2016关于军训的心得体会
2016/01/11 职场文书