怎样用js创建表单并提交

JavaScript017

怎样用js创建表单并提交,第1张

var a = document.createElement("form")

var b = document.createElement("input")

var c = b

b.setAttribute("type","text")

c.setAttribute("type","submit")

b.setAttribute("name","1")

c.setAttribute("name","2")

document.body.appendChild(a)

a.appendChild(b)

a.appendChind(c)

提交是：

c.click()

制造submit按钮的点击时间，自动完成确认

<script language="javascript">

function AddElement(mytype){

var TemO=document.getElementById("add")

var newInput = document.createElement("input")

newInput.type=mytype

newInput.id="input1"

//在这里作者作用了input1作为Id，这样一来每添加一个元素，都是相同的Id，这样不太好，删除方法中查找元素时采用getElementById("input1")，不知道是要删除哪个元素

TemO.appendChild(newInput)

var newline= document.createElement("br")

//在这里作者作创建了一个<br/>元素，但这里只是单纯创建它，是不符合上下文逻辑的，因为下面删除方法中查找<br/>元素时，是采用getElementById()的形式，应该为它加上Id

TemO.appendChild(newline)

}

function delElement(mytype){

var TemO=document.getElementById("add")

var newInput = document.getElementById("input1")

TemO.removeChild(newInput)

var newline= document.getElementById("br")

TemO.removeChild(newline)

}

</script>

function result(list){

var str = ""

for (var i=0i<list.lengthi ++) {

var obj = list[i]

str += "<form action='' method=''>"+

"<input type='text' name='aaa' value='"+ obj.name +"'>" +

"</form>"

}

最好在得到div在用innerHTML就行了。

document.getElementById('div').innerHTML = str

}

在页面定义一个div ，在form表单中引用这个结果集就可以了