项目问题,请大家帮助,谢谢!

morris_lz 2005-04-29 02:06:00
需求:当在文本框中输入一个正整数数字时动态为表格添加删除表格行。

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table_line">
<tr>
<td colspan="3" class="table_first"><input type=text size=2 value=6 style="text-align: right;" name="text"></td>
</tr>
<tr>
<td width=100 class="tb_content_bg"> 时间</td>
<td width="100" class="tb_content_bg">金额</td>
<td class="tb_content_bg"> 单位</td>
</tr>
<tr>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=40 name="text" >
</td>
</tr>
<tr>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=40 name="text" >
</td>
</tr>
<tr>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=40 name="text" >
</td>
</tr>
<tr>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=40 name="text" >
</td>
</tr>
<tr>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=40 name="text" >
</td>
</tr>
<tr>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=8 name="text" >
</td>
<td class="search_content">
<input type=text size=40 name="text" >
</td>
</tr>
</table>
...全文
78 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
xyzoem2 2005-04-29
  • 打赏
  • 举报
回复
此例中
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table_line">
<tr>
<td colspan="3" class="table_first"><input type=text size=2 value=6 style="text-align: right;" name="text" onchange="changeTableRows(this.value)"></td>
</tr>
<tr>
<td width=100 class="tb_content_bg"> 时间</td>
<td width="100" class="tb_content_bg">金额</td>
<td class="tb_content_bg"> 单位</td>
</tr>
</table>
<table id="tbl" width="100%" border="0" cellpadding="0" cellspacing="0" class="table_line">
</table>

格子中的内容这样加
var oneCell = tbl.rows[i].insertCell(-1);
oneCell.innerHTML='<input type=text size=40 name="text">';
xyzoem2 2005-04-29
  • 打赏
  • 举报
回复
function changeTableRows(v)
{
var count = parseInt(v);
var tbl = document.getElementById("tbl");
for(var i=tbl.rows.length-1;i>=0;i--)
{
tbl.deleteRow(0);
}
for(var i=0;i < count;i++)
{
tbl.insertRow(-1);
for(var j=0;j<3;j++)
{
var oneCell = tbl.rows[i].insertCell(-1);

}
}

}
梅雪香 2005-04-29
  • 打赏
  • 举报
回复
<html>
<head>
<title>code by meixx</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var curRow=null;
function selectRow(tr1){
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",function(){selectRow(newrow);});
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
function AddRowNum(num){
while(num-->0){
addRow(tb);
}
}
</script>
</head>

<body>
<P><input type="text" id="txtNumber" onkeypress="javascript:if(event.keyCode==13 && !isNaN(parseInt(this.value,10))) AddRowNum(this.value);"></P>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="25%">一</th>
<th scope="col" width="25%">二</th>
<th scope="col" width="25%">三</th>
<th scope="col" width="25%">四</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
</body>
</html>
jianzong2000 2005-04-29
  • 打赏
  • 举报
回复
这样试试
var length=doucument.all.TableName.rows.length;
doucument.all.TableName.deleteRow(length);
morris_lz 2005-04-29
  • 打赏
  • 举报
回复
我也是不知道这个事件应该怎样取触发,要不就暂时先用个<input type="button" value="添加行" onclick="">点击时执行一个方法好了,判断正整数的方法我已经解决了,现在的问题就在添加删除行上,删除的时候就从表格做末一行开始,倒着删除文本框中的行数。
jianzong2000 2005-04-29
  • 打赏
  • 举报
回复
当在文本框中输入一个正整数数字时动态为表格添加删除表格行

我想几个问题吧
比如说
什么时候判断是不是正整数
什么时候添加行
什么时候删除行
删除哪行
morris_lz 2005-04-29
  • 打赏
  • 举报
回复
jianzong2000() :
你给的这段代码我也在网上搜到了,但是根据我的需求我不会改,所以还是麻烦大家帮着给我看看吧,谢谢你们了。
jianzong2000 2005-04-29
  • 打赏
  • 举报
回复
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function addRow(tbl)
{
var a = tbl.insertRow();
a.id = "a" + tbl.rows.length;
for(var i=0; i<tbl.rows[0].cells.length; i++)
{
var tc = a.insertCell();
tc.innerText = " ";
tc.onfocus = function()
{
this.parentElement.parentElement.parentElement.ct = this.parentElement;
this.innerHTML = "<input type=\"text\" value=\"" + (this.innerText==" "?"":this.innerText) + "\" style=\"width:100%;height:100%;border:0;\" onblur=\"this.parentElement.innerText=(this.value==''?' ':this.value);\">";
this.children[0].focus();
};
}
}

function delRow(tbl)
{
if(!tbl.ct) return;
tbl.deleteRow(tbl.ct.rowIndex);
tbl.ct = null;
}

</SCRIPT>
<table border=1 id="tbl">
<tr id=a1>
<td>123</td>
<td>456</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow(document.all.tbl);">
<input type="button" value="删除行" onclick="delRow(document.all.tbl);">
</BODY>

87,910

社区成员

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

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