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获取div高度的代码
Aug 09 Javascript
JS判断不能为空实例代码
Nov 26 Javascript
jquery实现点击变换导航样式的方法
Aug 31 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
May 03 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
利用Javascript获取选择文本所在的句子详解
Dec 03 Javascript
解析vue中的$mount
Dec 21 Javascript
对angularJs中自定义指令replace的属性详解
Oct 09 Javascript
微信小程序发送短信验证码完整实例
Jan 07 Javascript
前端vue+elementUI如何实现记住密码功能
Sep 20 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与浏览器缓存的分析
2013/06/03 PHP
Laravel下生成验证码的类
2017/11/15 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
页面版文本框智能提示JS代码
2009/11/20 Javascript
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
jQuery.holdReady()使用方法
2014/05/20 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
windows下vue-cli导入bootstrap样式
2017/04/25 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
列举Python中吸引人的一些特性
2015/04/09 Python
Python psutil模块简单使用实例
2015/04/28 Python
python连接字符串的方法小结
2015/07/13 Python
深入解析Python中的descriptor描述器的作用及用法
2016/06/27 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
美国眼镜网:GlassesUSA
2017/09/07 全球购物
工商企业管理应届生求职信
2013/11/03 职场文书
总监职责范文
2013/11/09 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
青年文明号申报材料
2014/12/23 职场文书
我们的节日重阳节活动总结
2015/03/24 职场文书
教师教育心得体会
2016/01/19 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js
Python字符串格式化方式
2022/04/07 Python