<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta name= "GENERATOR " content= "Microsoft FrontPage 4.0 ">
<meta name= "ProgId " content= "FrontPage.Editor.Document ">
<title> try </title>
</head>
<body>
<script>
allTrafficCount=1
allCount=1
function addTrafficeRow() //增加一行
{
newRow=trafficeList.insertRow(trafficeList.rows.length);
newRow.id= "tradt ";
newRow.ln=allTrafficCount;
c1=newRow.insertCell(0);
c1.id= "tradtRow ";
c1.ln=allCount;
c1.innerHTML= " <input type=text name= 'traffic ' size=40 maxlength=200> <input type=button value= '删除 ' ln= " + allTrafficCount + " onclick= 'javascript:delTrafficeRow(); '> "
allTrafficCount++; //总计多少行
frm.trafficCount.value = allTrafficCount;
}
function delTrafficeRow() //删除一行
{
line = parseInt(event.srcElement.ln,10);
if (line> 0)
for (i=1;i <trafficeList.rows.length;i++)
if (trafficeList.rows[i].ln==line) //
{
trafficeList.deleteRow(i);
allTrafficCount--;
frm.trafficCount.value = allTrafficCount;
}
}
</script>
<form name=frm>
<table border= "1 " id=trafficeList>
<tr> <td width=100> test </td> </tr>
</table>
<input type=button value=add onclick= "addTrafficeRow() "> <input name=trafficCount>
</form>
</body>
</html>
分享到:
相关推荐
动态添加删除表格.rar动态添加删除表格.rar动态添加删除表格.rar
一款bootstrap风格样式的很实用的vue动态添加删除表格数据代码,输入用户名和年龄自由添加用户信息表格,可以删除用户信息,支持批量全部删除表格数据。
vue动态添加删除表格数据特效源码.zip
网页模板——vue动态添加删除表格数据特效源码
html动态删除添加表格
NULL 博文链接:https://jeasony.iteye.com/blog/353914
NULL 博文链接:https://1148130696.iteye.com/blog/1726191
NULL 博文链接:https://long316.iteye.com/blog/1393886
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
动态添加/删除表格行并实现前后台的互动,用最基础的c#和js知识实现,可以作为新手参考。
用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能,接下来通过代码实例给大家介绍JavaScript实现动态添加删除表格的行,...
动态添加js,动态添加表格和删除表格,批量添加记录,批量添加
动态添加表格和删除表格.html
JavaScript动态操作表格,添加,删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
本文实例讲述了JQuery动态添加和删除表格行的方法。分享给大家供大家参考。具体分析如下: 昨天做页面表格行动态添加和删除,看了无数的介绍,发现了一个好东东,JQuery。用它实现起来还真的是很方便,这个是我用到...
js 添加删除表格 博文链接:https://huashaozhawei.iteye.com/blog/151792
74、jquery表格动态添加删除行代码
主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下