如何在页面中如何动态增加控件，并且控件的名称也动态的变换呢？

我一开始实现了控件的动态增加，但是不能实现控件名动态的变化，就是生成的所有的控件名都是一样的。
大家帮忙解决一下呀以前的代码如下：
<input type="button" value="+" onClick="tr=t1.insertRow();for(i=0;i<t1.rows[1].cells.length;i++)tr.insertCell().innerHTML=t1.rows[1].cells[i].innerHTML;">
<input type="button" value="-" onClick="if(t1.rows.length>2)t1.deleteRow()">         
<table id="t1" border="0">
<tr>
<td align="center">1</td>
</tr>
<tr>
<td><input name="ceshi" id="ceshi" size="20"></td>
</tr>
</table>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <button onClick="add()">add</button>
    <button onClick="test()">test</button>
    <input type="button" value="-" onClick="if(t1.rows.length>1)t1.deleteRow()">         
    <table id="t1" border="1">
    </table>
    <script language="JavaScript">
    function add(){
    t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
    }
    function test(){
    for(i=0;i<t1.rows.length;i++) alert(t1.rows[i].cells[0].innerHTML);
    }
    </SCRIPT>
    </BODY>
    </HTML>
      

  2.   

    非常感谢 PoPoTang(PoPoTang) 
    接分吧！！