Javascript动态创建FORM提交

最新推荐文章于 2023-07-05 10:26:41 发布

原创最新推荐文章于 2023-07-05 10:26:41 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #IE #Firefox #HTML #ViewUI

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了使用JavaScript在不同浏览器中创建表单的方法，包括如何使用document.createElement创建表单元素及如何添加这些元素到表单中。同时对比了IE和Firefox在创建节点和添加子节点方面的差异。


<script language="javascript" type="text/javascript">
<!--
  //function that creates the form, adds some elements
  //and then submits it
  function select(id)
  {
    var t = document.getElementById("t" + id);
    var d = document.getElementById("d" + id);
    var submitForm = getNewSubmitForm();
    createNewFormElement(submitForm, "name", t.innerHTML);
    createNewFormElement(submitForm, "remark", d.innerHTML);
    submitForm.action= "quote.aspx";
    submitForm.submit();
  }

  //helper function to create the form
  function getNewSubmitForm()
  {
    var submitForm = document.createElement("FORM");
    document.body.appendChild(submitForm);
    submitForm.method = "POST";
    return submitForm;
  }

  //helper function to add elements to the form
  function createNewFormElement(inputForm, elementName, elementValue)
  {
    var newElement = document.createElement("input");
    newElement.setAttribute("name",elementName);
    newElement.setAttribute("type","hidden");
    newElement.setAttribute("value",elementValue);
    inputForm.appendChild(newElement);
    return newElement;
  }
//-->
</script>

注意document.createElement("FORM")来创建节点，在IE和Firefox下都可以

IE有3种方式都可以创建一个元素:
1 document.createElement("<input type=text>")
2 document.createElement("<input>")
3 document.createElement("input")
Firefox只支持一种方式:
document.createElement("input");document.setAttribute(name,value);
--------------
注: 在一个节点下增加子节点 IE也比Firefox下的方式要多.
IE:
1 node.insertBefore(Element)
2 node.insertAfter(Element)
3 node.appendChild(Element)
而Firefox仅支持 node.appendChild.

转载地址：[url]http://www.cnblogs.com/angushine/archive/2008/07/20/1247223.html[/url]