做了一个让用户自动增加文本框的JS,但发现当我在第一个文本框中填入信息以后,再进行增加,第二个文本框就会自动地复制了第一个文本框的内容。
我现在就是不想当用户点击增加以后,新的文本框有任何的信息,我想要一个空白的,不知道怎么做。。以下是原代码<SCRIPT language="JavaScript">
function insertrow() //增加
{
var newnode = document.getElementById('hcx').lastChild.cloneNode(true);
document.getElementById('hcx').appendChild(newnode);
}function delrow()
{
var oElement=event.srcElement;
while(oElement.tagName!="TR")
{
oElement=oElement.parentElement;
}
var oTBody=oElement.parentElement;
oTBody.removeChild(oElement)
}
</SCRIPT><form id="form1" name="name" method="post" action="subject_add.php"><table width="100%" border="0" cellspacing="1" bgcolor="">
     <tr bgcolor="">
       <td width="16%" height="25" bgcolor=""><div>请填写科目:</div></td>
     </tr>
   </table>
 <table width="100%" border="0" cellspacing="1" id="hcx">
 <TBODY id=hcx1>
 <tr>
 <td width="16%"><input name="dep_code[]" type="text" class="fkcolor" id="dep_code[]" size="5">
     <input name="button" type="button" onClick="delrow()" value="删除" class="btn"></td>
 </tr>
 </TBODY>
   </table>
   <table width="100%" border="0" align="center">
     <tr>
       <td width="11%"><input name="button" type="button" onClick="insertrow()" value="增加一行" class="btn"></td>
       <td width="60%"><input name="Submit" type="submit" class="btn" value="提交"></td>
     </tr>
   </table>
</form>

解决方案 »

  1.   


    function insertrow() //增加
    {
    var newnode = document.getElementById('hcx').lastChild.cloneNode(true);
    //用的是clone,把复制来的value设置为空看看
    newnode.value = "";
    document.getElementById('hcx').appendChild(newnode);
    }
      

  2.   


    function insertrow() //增加
    {
    var newnode = document.getElementById('hcx').lastChild.cloneNode(true);
    document.getElementById('hcx').appendChild(newnode);//加一句这个试试
    document.getElementById("hcx").lastChild.getElementsByTagName("input")[0].value="";
    }
      

  3.   

    克隆出来当然有值,我的是一次加一行,只供参考
    function AddSnText() {
                var objtable = document.getElementById("tablesn");
                var newtr = objtable.insertRow(0);
                for (var i = 0; i < 3; i++) {
                    var td0 = newtr.insertCell(0);
                    td0.innerHTML = "SN:";
                    var td1 = newtr.insertCell(1);
                    td1.innerHTML = "<input name='listsn' type='text' style='width: 200px' />";
                    var td2 = newtr.insertCell(2);
                    td2.innerHTML = "";
                }
            }