首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么通过按钮来增加Text框

2012-03-20 
如何通过按钮来增加Text框?如题[解决办法]1楼那种是可以的还有种方法scriptfunction addinput(){ var ob

如何通过按钮来增加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>

热点排行