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的智能提示插件一枚
Feb 18 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
jQuery学习笔记之toArray()
Jun 09 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
JQuery $.each遍历JavaScript数组对象实例
Sep 01 Javascript
JS实现可调整倒计时间代码分享
Aug 18 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
Jan 20 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
php格式化工具Beautify PHP小小BUG
2008/04/24 PHP
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
PHP解析目录路径的3个函数总结
2014/11/18 PHP
php正则表达式获取内容所有链接
2015/07/24 PHP
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
仿猪八戒网左下角的文字滚动效果
2011/10/28 Javascript
setTimeout自动触发一个js的方法
2014/01/15 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
[10:18]2018DOTA2国际邀请赛寻真——找回自信的TNCPredator
2018/08/13 DOTA
Python实现获取磁盘剩余空间的2种方法
2017/06/07 Python
Python2.7实现多进程下开发多线程示例
2019/05/31 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
AJAX检测用户名是否存在的方法
2021/03/24 Javascript
商务日语专业毕业生求职信
2013/10/26 职场文书
行政经理岗位职责
2013/11/09 职场文书
展会邀请函范文
2014/01/26 职场文书
企业管理标语
2014/06/10 职场文书
应聘会计求职信
2014/06/11 职场文书
企业安全生产月活动总结
2014/07/05 职场文书
家具商场的活动方案
2014/08/16 职场文书
工作收入证明模板
2014/10/10 职场文书
初中生物教学反思
2016/02/20 职场文书
无线电通信名词解释
2022/02/18 无线电
Mysql索引失效 数据库表中有索引还是查询很慢
2022/05/15 MySQL