Question

如何用JavaScript往表单中添加文本框

<form name="vote" method="post" enctype="text/plain" action="index.php?tmp=addok" onsubmit="return check('v_opt[]')" >
<p>标题： <input type="text" name="v_title" size="40" /></p>
选项：<ol>
<li><input type="text" name="v_opt[]" size="40" /></li><br />
<li><input type="text" name="v_opt[]" size="40" /></li><br />
<li><input type="text" name="v_opt[]" size="40" /></li><br />
</ol>
<input type="submit" name="submit" value="提交" /><a href="javascript:additem()">添加选项</a>
</form>
这是表单的代码就是一点添加选项就在列表中添加一个<li><input type="text" name="v_opt[]" size="40" /></li><br />这样的文本框
js的函数要怎么写啊
一楼的答案不行啊，一点页面上就光剩下添加的那个了。。。

Answer 1

javascript有两种方法可以添加文本框：

• 使用innerHTML将某个元素的内容填充为文本框的HTML代码

• 用createElement("input")创建input标签节点→setAttribute()设置文本框属性→用appendChild()追加到一个已存在的元素

下面实例演示用第二种方法往表单中添加文本框：

1、HTML结构

<form>
	<div id="test">
		<input type="text" name="test"/>
	</div>
	<input type='button' value='添加' onclick="fun()"/>
</form>

2、javascript代码

function fun(){
	var ipt = document.createElement("input");
	ipt.setAttribute("type","text");
	ipt.setAttribute("name","test");
	var div = document.getElementById("test");
	div.appendChild(ipt);
}

3、效果演示

Answer 2

在你想要添加的地方加上 <div id="panel"></div> 这一句

<script>
function additem()
{
document.getElementById("panel").innerHTML+='<li><input type="text" name="v_opt[]" size="40" /></li><br />';
}
</script>