Question

JS 点击按钮自动添加input框功能 怎么让每个input框的name不一样，我设置是name+t+ 怎么让i点击后自增？

<script type="text/javascript">
function addTags()
{
var t=1;
var itemOriginal =document.getElementsByName("tagsInput");
var arr = new Array(itemOriginal.length);
for(var j = 0; j < itemOriginal.length;j++){
arr[j] = itemOriginal.item(j).value;
}

var str = "<input type='text' name='tagsInput"+t+"' size='20' /><br />";
document.getElementById("tags").innerHTML += str;
var itemNew =document.getElementsByName("tagsInput");
for(var i=0;i<arr.length;i++)
{
itemNew.item(i).value = arr[i];
}
}
function showTags(){
var item=document.getElementsByName("tagsInput");
for(var i=0;i<item.length;i++)
{
document.getElementById("showTags").innerHTML += item[i].value + " ";
}

}
</script>
<form action="" method="get">
<input name="addTag" type="button" value="add tag" onclick="addTags()"/>
<div id="tags"></div>
<br />

<hr />
<input type="submit" onclick="showTags();t++" value="show tags" />
<div id="showTags"></div>
</form>

大家帮忙看一下，我现在设置t=1，怎么让t自增怎么修改?我试了让t++ 但是name就会变成name2 不管点击多少次都是name2 ，现在要求 点击一下name+t+ 自增一个数值，请大师帮忙看看，真的很急，谢谢了。

Answer 1

var t = null;
function addTags()
{
t++;
var str = "<input type='text' name='tagsInput"+t+"' size='20' /><br />";
document.getElementById("tags").innerHTML += str;
}

这样name 不就会递增了吗

Answer 2

你在for循环中增加input控件就行了，在for里做++，明白么？不明白HI我，

追问

你帮我修改一下吧 我刚入门对JS 不熟悉 我HI你了 你不在么？

Answer 3

t要作为全局变量，把var t=1;放函数前面，不能放function里面

Answer 4

t++;同时可以触发的

Answer 5

<a name="addTag" value="add tag" onclick="addTags();t++;">sfsdfdsfsd</a>
<div id="tags"></div>
<br />
<script>
var t=1;
function addTags()
{
var str = "<input type='text' name='tagsInput"+t+"' size='20' /><br />";
document.getElementById("tags").innerHTML += str;
}
</script>