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 简单导航实现代码
Sep 11 Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 Javascript
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
基于jQuery的360图片展示实现代码
Jun 14 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
layui table设置前台过滤转义等方法
Aug 17 Javascript
JavaScript实现像雪花一样的Hexaflake分形
Jul 07 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
iOS10推送通知开发教程
2016/09/19 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
JavaScript浏览器选项卡效果
2010/08/25 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
使用AngularJS创建单页应用的编程指引
2015/06/19 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
python对数组进行反转的方法
2015/05/20 Python
python实现批量改文件名称的方法
2015/05/25 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Django MEDIA的配置及用法详解
2019/07/25 Python
django foreignkey(外键)的实现
2019/07/29 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
国际领先的学术出版商:Springer
2017/01/11 全球购物
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
优秀广告词大全
2014/03/19 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
2016新年感言
2015/08/03 职场文书
2016大一新生军训感言
2015/12/08 职场文书
中学语文教学反思
2016/02/16 职场文书
汉语拼音教学反思
2016/02/22 职场文书
话题作文之诚信
2019/11/28 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript