做了一个让用户自动增加文本框的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>
我现在就是不想当用户点击增加以后,新的文本框有任何的信息,我想要一个空白的,不知道怎么做。。以下是原代码<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>
function insertrow() //增加
{
var newnode = document.getElementById('hcx').lastChild.cloneNode(true);
//用的是clone,把复制来的value设置为空看看
newnode.value = "";
document.getElementById('hcx').appendChild(newnode);
}
function insertrow() //增加
{
var newnode = document.getElementById('hcx').lastChild.cloneNode(true);
document.getElementById('hcx').appendChild(newnode);//加一句这个试试
document.getElementById("hcx").lastChild.getElementsByTagName("input")[0].value="";
}
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 = "";
}
}