<html>
<body>
<script language="javascript">
<!--
function additem(id)
{
var row,cell,str;
row = document.getElementById(id).insertRow();
if(row != null )
{
cell = row.insertCell();
cell.innerHTML="<input type=\"text\" name=\"StuName\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
}
}
function deleteitem(obj)
{
var curRow = obj.parentNode.parentNode;
tb.deleteRow(curRow.rowIndex);
}
//-->
</script>
<form name="form" method="post" action="addrow.php">
<table id="tb"></table>
<input name="button" type=button onClick='additem("tb")' value="添加>>"><input type="submit" name="submit" value="提交">
</form>
</body>
</html>
这样添加的每个文本框的name是一样的,要是添加不同name的文本框怎么做???(要方便提交后获取值)
<body>
<script language="javascript">
<!--
function additem(id)
{
var row,cell,str;
row = document.getElementById(id).insertRow();
if(row != null )
{
cell = row.insertCell();
cell.innerHTML="<input type=\"text\" name=\"StuName\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
}
}
function deleteitem(obj)
{
var curRow = obj.parentNode.parentNode;
tb.deleteRow(curRow.rowIndex);
}
//-->
</script>
<form name="form" method="post" action="addrow.php">
<table id="tb"></table>
<input name="button" type=button onClick='additem("tb")' value="添加>>"><input type="submit" name="submit" value="提交">
</form>
</body>
</html>
这样添加的每个文本框的name是一样的,要是添加不同name的文本框怎么做???(要方便提交后获取值)
每执行一次additem(id) i++
然后改这句
cell.innerHTML="<input type=\"text\" name=\"StuName'"+i+"'\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
var id=0;
function additem(id)
{
var row,cell,str;
row = document.getElementById(id).insertRow();
if(row != null )
{
id++;
cell = row.insertCell();
cell.innerHTML="<input type=\"text\" name=\"StuName"+ id +"\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
}
}