87,988
社区成员
发帖
与我相关
我的任务
分享如何动态增加一行表格（急！高分赠送)
请问大虾：
表格中的“***情况”如果有多行，而且显示的行万一不够，可点击最后一行边的“ADD”按钮，自动加一行。
请问，如何用JavaScript实现？
表格中的“***情况”如果有多行，而且显示的行万一不够，可点击最后一行边的“ADD”按钮，自动加一行。
请问，如何用JavaScript实现？
...全文
请发表友善的回复…
发表回复
babyturbo 2003-09-03
- 打赏
- 举报
谢谢sw47(我爱编程,脑筋好好,嗷嗷嗷嗷嗷...)，可惜你来晚一步，分已经派送咯，下次有机会送你。
sw47 2003-09-03
- 打赏
- 举报
<script language="JScript">
<!--
function AddTable(AText){
AText=AText==""?"没有添加文字":AText;
TableBox.insertRow().insertCell().innerHTML="添加表格的文字:<input style='width:100' value='"+AText+"'><input type='button' value='删除' onclick='TableBox.deleteRow(parentElement.parentElement.rowIndex)'>";
}
function DeleteTr(){
var No=TableBox.rows.length;
for(i=0;i<No;i++)TableBox.deleteRow();
}
//-->
</script>
<table border>
<tr><td>添加表格的文字:<input style="width:100" id="AddInput"><input type="button" value="添加" onclick="AddTable(AddInput.value)"><input type="button" value="全删" onclick="DeleteTr()"></td></tr>
</talbe>
<table border id="TableBox">
</talbe>
<!--
function AddTable(AText){
AText=AText==""?"没有添加文字":AText;
TableBox.insertRow().insertCell().innerHTML="添加表格的文字:<input style='width:100' value='"+AText+"'><input type='button' value='删除' onclick='TableBox.deleteRow(parentElement.parentElement.rowIndex)'>";
}
function DeleteTr(){
var No=TableBox.rows.length;
for(i=0;i<No;i++)TableBox.deleteRow();
}
//-->
</script>
<table border>
<tr><td>添加表格的文字:<input style="width:100" id="AddInput"><input type="button" value="添加" onclick="AddTable(AddInput.value)"><input type="button" value="全删" onclick="DeleteTr()"></td></tr>
</talbe>
<table border id="TableBox">
</talbe>
babyturbo 2003-09-03
- 打赏
- 举报
awaysrain(绝对零度)
如何送分，不知道你的分数增加没有？
如何送分，不知道你的分数增加没有？
babyturbo 2003-09-03
- 打赏
- 举报
awaysrain(绝对零度)
谢谢！如何给分呀！
谢谢！如何给分呀！
awaysrain 2003-09-03
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function insertRow()
{
var y = tab1.rows.length
var row = tab1.insertRow(y);
var cell;
for(i=0;i<tab1.rows[y-1].cells.length;i++)
{
cell = row.insertCell(i);
//cell.innerHTML='<input type="button" name="textfield' + y + i +'" value="button' + i + '">'
cell.innerHTML=' '
}
}
</script>
</head>
<body>
<table width="75%" id="tab1" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#FFFFFF" bordercolordark="#000000">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<input type="button" name="Button" value="添加一行" onClick="insertRow()">
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function insertRow()
{
var y = tab1.rows.length
var row = tab1.insertRow(y);
var cell;
for(i=0;i<tab1.rows[y-1].cells.length;i++)
{
cell = row.insertCell(i);
//cell.innerHTML='<input type="button" name="textfield' + y + i +'" value="button' + i + '">'
cell.innerHTML=' '
}
}
</script>
</head>
<body>
<table width="75%" id="tab1" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#FFFFFF" bordercolordark="#000000">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<input type="button" name="Button" value="添加一行" onClick="insertRow()">
</body>
</html>
