日期:2014-05-16  浏览次数:20502 次

如何通过按钮来增加Text框?
如题

------解决方案--------------------
1楼那种是可以的 
还有种方法
<script>
function addinput()
{
var obj=docment.getElementById('div1');
var inputStr="<input type="text" value='test'/>"; 
obj.innerHTML=obj.innerHTML+inputStr;
}
</script>
<input type="button" value="增加输入框" onclick="addinput()" />
<div id='div1'></div>
------解决方案--------------------
<script> 
var i=0;
function add(){
var a=document.createElement("input");
a.type="text";
a.value="test"+i;
document.body.appendChild(a);
i++;
}
</script>

</head>

<body>
<input type="button" onclick="add()">
</body>
</html>
这样试试
------解决方案--------------------
1楼和3楼 都可以 
自己去下个 doc文档看看,createElement 这个内容

1楼 先createElement 一个 控件。
然后 appendchild添加进去它的右边
3楼。直接写源代码 ,然后源代码的拼接。。

------解决方案--------------------

使用createElement动态创建HTML对象

<script language="javascript">
var o = document.body;
//创建表单项
function createInput(sType,sValue)
{
var input = document.createElement("input");
input.type = sType;
input.value = sValue;
o.appendChild(input);
}
createInput("button","ooo");
</script>