当前位置: 首页 > 编程笔记 >

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

聂溪叠
2023-03-14
本文向大家介绍js创建表单元素并使用submit进行提交,包括了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>
 类似资料:
  • 本文向大家介绍d3.js 使用D3 js创建SVG元素,包括了d3.js 使用D3 js创建SVG元素的使用技巧和注意事项,需要的朋友参考一下 示例 尽管D3并非专门用于处理SVG元素,但它已广泛用于创建和处理基于SVG的复杂数据可视化。D3提供了许多强大的方法,可帮助轻松创建各种几何SVG结构。 建议首先了解SVG规范的基本概念,然后使用大量的D3 js示例创建可视化效果。 D3 JS范例 SV

  • 问题内容: 我正在写一个表单,其中包含更改选择列表时动态加载的一些文本输入元素。 问题是,当我提交表单时,那些元素不会在发布到服务器的数据中发送。 我需要做什么才能使那些动态创建的元素“进入”要提交的表单? 代码是这样的: Ajax调用返回的html是: 而且,如果我在调用ajax方法后使用firebug来查看页面,则动态加载的html就在应具有的层次结构中,即形式正确。 但是,当我单击“提交”按

  • 本文向大家介绍JS定义网页表单提交(submit)的方法,包括了JS定义网页表单提交(submit)的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS定义网页表单提交(submit)的方法。分享给大家供大家参考。具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍使用bootstrapValidator插件进行动态添加表单元素并校验,包括了使用bootstrapValidator插件进行动态添加表单元素并校验的使用技巧和注意事项,需要的朋友参考一下 一、前言 实际工作中,要实现表单元素的动态增加,并使用bootstrapValidator插件对动态添加的表单元素进行前台校验。在以前的工作中也使用过bootstrapValidator对表单元素

  • 描述 (Description) Framework7允许您使用以下两种方式使用Ajax自动发送数据 - 当用户提交表单或submit事件时,以编程方式触发表单。 当用户修改任何表单字段或以编程方式change表单上触发的事件时。 发送提交表单数据 要自动启用Ajax表单并单击“提交”发送表单数据,您需要将ajax-submit类添加到表单中。 用户提交表单后,Ajax将使用以下规则自动发送表单数

  • JS新人来了!我正在尝试使用Fetch从jsonplaceholder创建一个带有假todo的todo列表。我想要取五个不同的ToDos并将它们放入我的列表中的不同列表项中。但不知怎的,五个托多人中只有一个出现了。 HTML: JS: