js创建表单元素并使用submit进行提交

 更新时间:2014年08月14日 17:44:27   投稿:whsnow  
这篇文章主要介绍了js创建表单元素并使用submit进行提交,需要的朋友可以参考下

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>

相关文章

  • 微信头像地址失效踩坑记附带解决方案

    微信头像地址失效踩坑记附带解决方案

    这篇文章主要介绍了微信头像地址失效踩坑记附带解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 关于前端面试中常提到的LRU缓存策略详析

    关于前端面试中常提到的LRU缓存策略详析

    LRU缓存就是一种常用策略,下面这篇文章主要给大家介绍了关于前端面试中常提到的LRU缓存策略的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • echarts饼图各个板块之间的空隙如何实现

    echarts饼图各个板块之间的空隙如何实现

    这篇文章主要给大家介绍了关于echarts饼图各个板块之间的空隙如何实现的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • WebSocket中心跳检测与断开重连机制详解

    WebSocket中心跳检测与断开重连机制详解

    心跳检测是指在WebSocket连接过程中定时向服务端发送和接收心跳消息,来确定当前连接是否是正常状态的检测机制,断开重连是指在WebSocket不正常断开连接后,进行重新连接的策略,下面我们就来看看这二者的具体实现吧
    2024-01-01
  • IE下通过JS控制剪贴板的代码

    IE下通过JS控制剪贴板的代码

    javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器
    2009-08-08
  • js判断数组中是否包含某个值的4种方法总结

    js判断数组中是否包含某个值的4种方法总结

    这篇文章主要给大家总结介绍了关于js判断数组中是否包含某个值的4种方法,数组是我们编程中经常使用的的数据结构之一,在处理数组时我们经常需要在数组中查找特定的值,JavaScript 包含一些内置方法来检查数组是否有特定的值或对象,需要的朋友可以参考下
    2023-11-11
  • 微信小程序 textarea 层级过高问题简单解决方案

    微信小程序 textarea 层级过高问题简单解决方案

    这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • ros::spin() 和 ros::spinOnce()函数的区别及详解

    ros::spin() 和 ros::spinOnce()函数的区别及详解

    这篇文章主要介绍了ros::spin() 和 ros::spinOnce()函数的区别及详解的相关资料,本文介绍的非常详细,具有参考借鉴价值,感谢兴趣的朋友一起看看吧
    2016-10-10
  • Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    在实现补全提示功能时(Suggest),都会给输入框(Input)元素添加autocomplete属性,且值设为off。
    2011-03-03
  • javascript去除字符串左右两端的空格

    javascript去除字符串左右两端的空格

    这篇文章主要介绍了javascript去除字符串左右两端的空格,需要的朋友可以参考下
    2015-02-02

最新评论