如何用javascript增加一行？？？100分相送！多谢了！各位大侠！

wanghc008 2004-10-07 08:09:54
比方说，我在表格的一行里有一个文本框，当点击"增加"安钮时便把这个文本框即文本框里的数据同时增加到下一行的表格中，且每个文本框的ID都不同。多谢了！各位大侠！
...全文
279 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
笨笨兔兔兔兔兔 2004-10-08
  • 打赏
  • 举报
 回复
有点小错误不想该了,以后再说吧,呵呵,困死了
笨笨兔兔兔兔兔 2004-10-08
  • 打赏
  • 举报
 回复
function init()
{
var tabelnew;
tablenew=document.getElementById("table1");
var trnew=tablenew.insertRow(0);
var tdnew = trnew.insertCell(0);
var tdnew1 = trnew.insertCell(1);
var tdnew2 = trnew.insertCell(2);
var tdnew3 = trnew.insertCell(3);
var tdnew4 = trnew.insertCell(4);
var tdnew5 = trnew.insertCell(5);
tdnew.innerHTML = "<input type='text' name='t1'>";
tdnew1.innerHTML = "<input type='text' name='t1'>";
tdnew2.innerHTML = "<input type='text' name='t1'>";
tdnew3.innerHTML = "<input type='text' name='t1'>";
tdnew4.innerHTML = "<a href='javascript:addtr("+i+")'>add</a>";
tdnew4.innerHTML = "<a href='javascript:deltr("+i+")'>del</a>";

}
var i;
i=0;
function addtr(i)
{
var tabelnew;
tablenew=document.getElementById("table1");
var trnew=tablenew.insertRow(i);
i=i+1;
var tdnew = trnew.insertCell(0);
var tdnew1 = trnew.insertCell(1);
var tdnew2 = trnew.insertCell(2);
var tdnew3 = trnew.insertCell(3);
var tdnew4 = trnew.insertCell(4);
var tdnew5 = trnew.insertCell(5);
tdnew.innerHTML = "<input type='text' name='t1'>";
tdnew1.innerHTML = "<input type='text' name='t1'>";
tdnew2.innerHTML = "<input type='text' name='t1'>";
tdnew3.innerHTML = "<input type='text' name='t1'>";
tdnew4.innerHTML = "<a href='javascript:addtr("+i+")'>add</a>";
tdnew4.innerHTML = "<a href='javascript:deltr("+i+")'>del</a>";

}
function doDel()
{
if(i>=1)
{
document.all.table1.rows(i).removeNode();

}
else
{
alert("不能继续删减条目!");
}
}
supertoto 2004-10-07
  • 打赏
  • 举报
 回复
看到楼主这样的回复，不免又要牢骚一下，
net_lover(孟子E章)已经不厌其烦，不仅给你代码，还给你Reference，你还想怎么样？让人家帮你把代码全部写了？

一点都没有作IT的人应该有的踏实精神。衣来伸手，饭来张口的纨绔子弟永远学不好任何东西！
liuyu202 2004-10-07
  • 打赏
  • 举报
 回复
//添加行
function ADDRow()
{

//插入行
myrow=document.all.mytable.insertRow(document.all.mytable.rows.length);
myrows=mytable.rows;
mycells=myrow.cells;
mycell1=myrows(myrow.rowIndex).insertCell(mycells.length);
mycell2=myrows(myrow.rowIndex).insertCell(mycells.length);
LastValue = document.all.mytable.rows(document.all.mytable.rows.length-1).cells(0).children(0).value;
mycell1.innerHTML="<td><input id = "+document.all.mytable.rows.length+" type=text value="+LastValue+"><td>";
mycell2.innerHTML="<td><label onclick='return DELRow(this);'>删除</label></td>";
mycell2.children(0).focus();

}
//删除行
function DELRow(obj) {
document.all.mytable.deleteRow(obj.parentElement.parentElement.rowIndex);
}
wanghc008 2004-10-07
  • 打赏
  • 举报
 回复
我要的是增加一行的后同时点“删除”按钮也能删除一行！！！！在线等待！！！
孟子E章 2004-10-07
  • 打赏
  • 举报
 回复
How to Build Tables Dynamically

http://msdn.microsoft.com/workshop/author/tables/buildtables.asp
孟子E章 2004-10-07
  • 打赏
  • 举报
 回复
http://lucky.myrice.com/javascriptexam/addelement.htm

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<FORM id=form1 name=form1 action=program/survey/SurveyEdit.asp method=post>
<TD>
<TABLE class=tableborder cellSpacing=0 cellPadding=4 width="100%"
border=0>
<TBODY>
<TR>
<TD bgColor=#c7e8f8>
<DIV align=center><B>问题 1:</B> </DIV></TD>
<TD bgColor=#c7e8f8><INPUT class=tableborder size=60 name=Question1>
</TD></TR>
<TR>
<TD> </TD>
<TD><B>问题类型： </B><INPUT type=checkbox value=True name=chkQueType1>
多选类型 <BR>
<DIV id=__idQueOption1 name="__idQueOption1"><B>问题选项：</B> <INPUT
class=tableborder onpropertychange=addNewChild(this) size=60
name=QueOption1> </DIV></TD></TR></TBODY></TABLE>
<DIV id=__idInsertBefore></DIV><INPUT type=hidden value=1 name=newTable>
<BR>
<DIV
style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px"
align=right><INPUT class=CustButton onclick=addNewQuestion() type=button value=增加一个新问题>
<INPUT class=CustButton type=submit value=保存设置> <INPUT class=CustButton type=reset value=重新设置>
</DIV></TD></FORM></TR></TBODY></TABLE>
<SCRIPT>
function addNewQuestion()
{

document.form1.newTable.value = parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}

newItemId = document.form1.newTable.value;

var objItem = '<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">';
objItem += ' <tr>';
objItem += '<td bgcolor="#C7E8F8">';
objItem += ' <div align="center"><b>问题 ' + newItemId + ':</b> </div>';
objItem += ' </td>';
objItem += ' <td bgcolor="#C7E8F8">';
objItem += ' <input size="60" name="Question' + newItemId + '" class="tableborder">';
objItem += ' </td>';
objItem += ' </tr>';
objItem += ' <tr>';
objItem += ' <td> </td>';
objItem += ' <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType' + newItemId + '">';
objItem += ' 多选类型 <br>';
objItem += ' <div id="__idQueOption' + newItemId + '"><b>问题选项：</b>';
objItem += ' <input onpropertychange="addNewChild(this)" size="60" name="QueOption' + newItemId + '" class="tableborder">';
objItem += ' </div>';
objItem += ' </td>';
objItem += ' </tr>';
objItem += '</table>';

document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
}

function showTips(obj)
{
obj.title=obj.value;
}

function addNewChild(obj)
{
var isblank = "false";
var objName = obj.name;
var last2Char = objName.substring(objName.length - 2);
if( last2Char.substring(0, 1) > '9' || last2Char.substring(0, 1) < '0' )
{
last2Char = last2Char.substring(1, 2);
}

for(var i=0; i < document.form1.elements[objName].length; i++)
{
if(document.form1.elements[objName].item(i).value == "")
isblank = "yes"
}

if( isblank != "yes" )
{
var objItem = '<div id="__idQueOption' + last2Char + '"><b>问题选项：</b>';
objItem += ' <input onpropertychange="addNewChild(this)" size="60" name="' + objName + '" class="tableborder" />';
objItem += '</div>';

objName = "__idQueOption" + last2Char;
var varQueOption = document.all[objName];
if( varQueOption.length != null )
varQueOption = varQueOption.item(varQueOption.length-1);

varQueOption.insertAdjacentHTML("afterEnd",objItem);
}
}
</SCRIPT>
</BODY></HTML>
ZeroClipboard实现js复制
ZeroClipboard实现js复制，兼容谷歌，文件包带ZeroClipboard.js和ZeroClipboard.swf
用Javascript实现鼠标经过某一行，那一行变色
用Javascript实现鼠标经过某一行，那一行变色 正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教 我们在浏览网页时，经常会遇见这种情况，就是有多行显示时，你的鼠标经过这些行，便会使这些行变成其他的颜色，离开了又变回原来的颜色，用来区分你现在鼠标所停留的是哪行。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&
js中怎么删除html元素的属性,如何使用JavaScript删除HTML元素？
给定一个HTML元素，如何使用JavaScript从文档中删除该HTML元素？下面本篇文章就来给大家介绍一下使用JavaScript删除HTML元素的方法，希望对大家有所帮助。如何使用JavaScript删除HTML元素？做法：●　选择需要删除的HTML元素。●　使用JavaScript remove()或removeChild()方法从HTML文档中删除元素。示例1：使用removeChild(...
都说JavaScript单线程？JavaScript真的是单线程？
在学习JavaScript的时候总会接触到一些书或者文章说因为JavaScript是单线程的就怎么怎么样，我就很好奇，能说一门语言是单线程的吗？我总结了下网上很多回答，结合自己的理解整理了下？。 我们所说的JavaScript单线程指的是什么？ 首先，JavaScript是没有线程这个概念的，我们平时说的js单线程还是多线程只是相对于执行的环境来说的，指的是js运行在浏览器中是单线程的，或者是js引擎单线程地处理js代码，在同一时间只能做一件事。假设js运行在浏览器中有两...
How to Add onLoad JavaScript event in SharePoint?
How to Add onLoad JavaScript event in SharePoint? SharePoint provides a JavaScript array “_spBodyOnLoadFunctionNames”, any function to be executed onLoad needs to be added to this array e.g
JavaScript

87,992

社区成员

224,698

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章