Javascript动态创建FORM提交

< scriptlanguage = " javascript " type = " text/javascript " >
<!--
// functionthatcreatestheform,addssomeelements
// andthensubmitsit
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();
}

// helperfunctiontocreatetheform
function getNewSubmitForm()
{
var submitForm = document.createElement( " FORM " );
document.body.appendChild(submitForm);
submitForm.method = " POST " ;
return submitForm;
}

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