Javascript动态创建FORM提交

< 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.

转载于:https://www.cnblogs.com/angushine/archive/2008/07/20/1247223.html