-
等级
本版专家分：1260结帖率 100% -
如题，就是临时插入一行tr内容，也可以删除表中的一个tr行。我记得别人做过这样的东东，现在一下子找不到了，各位帮帮忙！展开阅读全文
-
等级
本版专家分：12210 -
化境编程界文件上传就是啦
-
等级
本版专家分：12210
-
window.upid.innerHTML=str+'<br>';
<td align="left" id="upid" height="122"> 文件1:
<input type="file" name="file1" style="width:400" class="tx1" value="">
</td>
-
等级
本版专家分：1260
-
td里面用可以，tr和table里面用就报错了
-
等级
本版专家分：54122勋章
-
- 微软MVP 2006年1月 荣获微软MVP称号
-
-
黄花
2005年10月 Web 开发大版内专家分月排行榜第二
2005年9月 Web 开发大版内专家分月排行榜第二
2005年8月 Web 开发大版内专家分月排行榜第二
-
-
蓝花
2006年2月 Web 开发大版内专家分月排行榜第三
2005年11月 Web 开发大版内专家分月排行榜第三
-
-
[转载]
<HTML>
<HEAD>
<TITLE>真正意义上的动态插入表格</TITLE>
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<TABLE width=400 id="mytable" border=1>
<TR>
<TD width="121">
<input type="checkbox" name="chk" value="">
<input type="text" name="txt_0" size="8">
</TD>
<TD width="84">
<input type="text" name="txt_1" size="8">
</TD>
<TD width="83">
<input type="text" name="txt_2" size="8">
</TD>
<TD width="84">
<input type="text" name="txt_3" size="8">
</TD>
</TR>
</TABLE>
<input type="button" value="插入下行" onClick="add_tr(1)" name="button">
<input type="button" value="插入上行" onClick="add_tr(0)" name="button">
<input type="button" value="删除行" onClick="del_tr()" name="button2">
<input type="button" name="move" value="上移" onclick="move_txt(-1)">
<input type="button" name="move2" value="下移" onClick="move_txt(1)">
</BODY>
</HTML>
<SCRIPT LANGUAGE="vbScript">
<!--
function get_chk(i,mc)
'检查所要检查的长度是多少，如果为1，则直接检查；如果大于1，则循环引用索引检查
'这个是一个特殊的方式，不知道为什么。
'返回值是停止的数值i,如果选中，则返回值为空
set my_chk=document.all(mc)
get_chk=""
'如果只有一行，则用直选，如有选中，则返回值为0
if i=0 then
if my_chk.checked then
get_chk=0
end if
else
for j=0 to i
if my_chk(j).checked then
get_chk=j
exit for
end if
next
end if
end function
function move_txt(a)
'移动行时，如果移动到－1的位置，则其实是跑到最后面一行，但如果移动到最后一行再下移则出错
set my_tab=document.all("mytable")
set my_chk=document.all("chk")
b=get_chk(my_tab.rows.length-1,"chk")
if b<>"" and b<>"0" then
if (b+a)<=(my_tab.rows.length-1) then
my_tab.moverow b,b+a
if (b+a)>=0 then
my_chk(b+a).checked=true
else
my_chk(my_chk.length-1).checked=true
end if
else
my_tab.moverow b,0
my_chk(0).checked=true
end if
else
if b="0" and my_tab.rows.length>1 then
if a="1" then
my_tab.moverow b,1
my_chk(1).checked=true
else
my_tab.moverow 0,my_tab.rows.length-1
my_chk(my_tab.rows.length-1).checked=true
end if
end if
end if
end function
function add_tr(a)
set my_tab=document.all("mytable")
set my_chk=document.all("chk")
tab_rows=my_tab.rows.length '现有行数
tab_cells=my_tab.cells.length '现有列数
b=get_chk(my_tab.rows.length-1,"chk")
'如果有被选中的行，则根据传递来的参数判断是在行前插入或在行后插入；如果没有选中，则自然插入
if b<>"" then
'如果选中的是第一行而又是向上插入的话，那么，先在该行之后插入一行，再将两者调换
if b="0" and a="0" then
set new_row=my_tab.insertrow(1)
sf_move="1"
else
set new_row=my_tab.insertRow(b+a) '插入一行
end if
else
set new_row=my_tab.insertRow(tab_rows)
end if
'在新插入的行中再循环插入列，并赋值
for i=0 to my_tab.rows(0).cells.length-1
Set new_cell=new_row.insertcell()
if i=0 then
new_cell.InnerHtml="<input type=checkbox name=chk>"&chr(13)&"<input type='text' name=txt_0 size='8'>"
else
new_cell.InnerHtml="<input type='text' name=txt_"&i&" size='8'>"
end if
next
if sf_move="1" then
my_tab.moverow 1,0
if my_tab.rows.length<=2 then
my_chk.checked=true
else
my_chk(1).checked=true
end if
end if
end function
'检测某行的所有输入框是否有值
function txt_null(s,i)
'如果传递来的选择框行数只有1行，则直接选；否则用索引方式
txt_null=false
if s="0" then
for j=0 to 3
if document.all("txt_"&j).value<>"" then
txt_null=true
exit for
end if
next
else
for j=0 to 3
if document.all("txt_"&j)(i).value<>"" then
txt_null=true
exit for
end if
next
end if
end function
function del_tr()
set my_chk=document.all("chk")
set my_tab=document.all("mytable")
if my_tab.rows.length>1 then
for i=my_chk.length-1 to 0 step -1 '倒着删除
if my_chk(i).checked then '检测该行中的输入框内有没有值，有则退出循环并将变量赋值为1
if txt_null(my_chk.length-1,i)=true then '如果该行有值
if msgbox("第"&i+1&"行中的输入框内有值，确认删除吗？",1,"")=1 then
my_tab.deleterow(i)
else
my_chk(i).checked=false
end if
else
my_tab.deleterow(i)
end if
end if
next
end if
end function
//-->
</SCRIPT>
-
等级
本版专家分：6908 -
tigerwen01(小虎) 的代码很好！！！
-
等级
本版专家分：46644 -
<table id=r>
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>
<input type=button name=bt1 value=添加一行 onclick="ad(r)">
<script>
function ad(t){
tr=t.insertRow()
for(i=0;i<t.rows[0].cells.length;i++)tr.insertCell().innerHTML='possible'
}
</script>
-
等级
本版专家分：1779
-
tigerwen01(小虎)(编程艺术化)
不错的代码，喜欢
- jQuery为table表格动态添加或删除tr
jQuery动态添加或删除tr
- table动态添加tr和删除
有时候我们常常要操作table去添加一行或删除一行.table代码如下,我们需要在点增加商品的时候在当前行的下面插入一行,数据和当行类似.点击删除的时候删除当前行.<table> <tr> @...
- jQuery实现动态添加tr到table的方法
http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; chars
- 动态添加table tr td 表格
table border="1" style="width: 100%" bordercolor="#C0D4EF" id="schol"> <tr> <th colspan="5" style="font-weight: ...
- 动态给table 添加 tr(行)，实现添加多个对象转载hbiao68
<title>usually function</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <script type="text/javascript" src="jquery-1.4.4.js"></sc
- 前端小技巧：js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签 前端页面中的标签部分代码 <table class="layui-table lay-even" id="poweruser"> <thead> <tr> <th width="80">ID&...
- JavaScript制作动态表格，HTML动态表格 ， 用table标签写一个表格，HTML中添加一个表格，HTML DOM 中 ...
方式1： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态表格</title> <style> div{ text-align: center; ...
- 在一个table中动态添加一行或删除一行
tableid="selected_user_table"width="100%"> <thead> <tr><thclass="center"colspan="2"style="background-color:#F2F2F2;height:20px;">已选择</th></t...
- layui一个页面中动态加载多个表格table 并且可以穿梭选择 编辑 并保存
楼主的水平不咋的 就不写过多的描述性文字了 代码只是实现了功能 没有进行优化过 有很大的优化空间 仅给有需要的同学一个参考 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@...
- jquery 中table动态添加行和删除列操作
1.简单的table使用定义<table class="table table-bordered table-hover" style="text-align: center;" id="Result"> <thead> <tr> &...
- Html页面中内添加一个<table>这样做有什么问题？
(${product.id})" value="删除"/> <input type="hidden"/> <tr> [/#list] 搜索" id="search-text" onkeyup="searchContext()" /> <div id="auto_div"></div> </table> ...
- js、jquery 实现往table中动态添加、删除元素
js实现方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加元素</title> <link rel="stylesheet" href="../css/init.css" />... ....
- Table动态添加数据实现tr滚动
.table { width: 100%; left: 30%; border-collapse: collapse; border-spacing: 0; } .fixedThead { display: block; width: 100%; } .scrollTbody { display: block; height: 316px; ove
- 动态添加table的行和删除最后一行
table> <tr> <td style="background-color:#0066cc;color:white;"> <span onclick="addLinkMan(this);" style="cursor: pointer;...
- Js实现Table动态添加一行的小例子
1 2 <form id="form1" runat="server"> 3 <div> 4 <table id="orderTable" border='1' cellpadding="1" cellspacing="0" style="border-collapse: collapse; border-c...
- JQuery 操作 table（JQuery操作table添加、删除一行）
本来想写一个 JQuery 操作 table 的例子，结果发现网上有很多写的更好的，推荐这个博主写的文章：https://www.cnblogs.com/lxblog/archive/2013/01/11/2856582.html相比之下，自己写的例子相形见绌。这里也将自己的...
- js动态给table添加行(tr)
New Document // Example: obj = findObj("image1"); function findObj(theObj, theDoc) { var p, i, foundObj; if(!theDoc) theDoc = document; if( (p = theObj.indexOf...")) > 0 && parent.fr
- jQuery在table中追加tr和删除tr
jQuery在table中追加tr和删除tr 1. 追加tr jQuery添加新内容有以下四个方法: (1) append() - 在被选元素的结尾插入内容（效果如下图：） (2) prepend() - 在被选元素的开头插入内容（效果如下图：） (3) after...
- 利用jquery给指定的table动态添加一行、删除一行
这个例子做的不错，转载备份。 原文：http://www.cnblogs.com/linjiqin/archive/2013/06/21/3148181.html $("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列 $("#mytable tr").find("td:nth-...
- 在表table最前插入tr多行并改为正常排列的序号
测试页面 ...这是默认第一行td --> --> --> rowspan="1" aria-controls="sample_editable_1" tabindex="0" role="columnheader">序号 rowspan="1" aria-controls=
- 动态缩减table列时，table宽度自适应，tr下不同td数改变td的colspan属性值（IE8兼容）
场景说明： 1，当table的展示列很多时，往往希望用户可以动态设置显示或者隐藏部分列。...4，当tr是分组行时，展开的下一个tr可能只有一个td,这个时候会发现，两个tr格式不对称（colspan属性）你再次
- layui table 动态增加行
目前layui的动态数据表格功能已经是否强大了，但是目前还没有动态增加行的功能，这里自己写了一个对象来实现动态增加行。 上代码 AddRow = (function(){ var addRowArray = []; var addRowIndex = 0; ...
- 汇总常用的jQuery操作Table tr td方法
鼠标移动行变色 ...虽然现在DIV+CSS进行页的布局大行其道，但是很多地方使用table还是有很多优势，用table展示数据是比较方便的，下面汇总了jQuery操作Table tr td常用的方法，熟记这些操作技巧，下次再
- 用原生JS封装一个Table组件
本篇文章将使用原生JS封装一个Table组件。 组件封装 实现目标 以antd中的Table组件为目标，实现以下功能： 传width值控制表格宽度。 columns与dataSource中的数据相对应，没有对应数据的地方显示为空...
- 一个页面实现修改删除列表显示，ajax动态生成table(使用ajax，springmvc，jsp)
点击保存使用ajax保存当前表数据，返回一个table格式的html，替换掉页面上的table（已添加的教育经历）。 JSP主要代码： <div class="container" style="width: 100%;"> ...
- JS-Table动态增加删除行
JS代码块 function add(){ //获取元素的值 var name = document.getElementById("name").value; var tel = document.getElementById("tel").value;
- jquery实现table动态添加行、删除行以及行的上移和下移
//js代码 $(function(){ //新增 $('#insertRow').click(function(){ var $tr = $('#templateTr').clone(true); $tr.attr('id',''); $('#columnid tbody').append($tr); $tr.show(...
- Hibernate4视频教程_全面来袭
本Java视频教程基于 Hibernate4.x 录制。内容涵盖安装 Hibernatetools 插件、Session 核心方法、持久化对象生命周期、对象关系映射（1-n、1-1、n-n、继承映射）、检索策略、检索方式（对象导航图、OID 检索、HQL、QBC、本地SQL）、Hibernate 一\二级缓存、管理 Session、批量处理等 Hibernate 企业级开发的核心技术。 本Java视频教程将帮助掌握学习者编写出具有合理的软件架构，以及好的运行性能和并发性能的实用 Hibernate 应用。Java视频教程内容注重理论与实践相结合，列举大量具典型性和实用价值的 Hibernate应用实例，并提供详细的开发和部署步骤。
- tipdm_CarsAnalysis_src:泰迪杯C组题，数据分析答题原始码-源码
tipdm_C_CarsAnalysis_src 泰迪杯C组题答题原始代码 这个原始码为参赛者时做数据分析使用，由于其仅作为工具使用，并且加之时间缩短，所以没有做过多的性能优化。 日后会抽空改进算法，转化为效率。
- 垃圾分类数据集及代码
资源说明： 数据集主要包括6类图片：硬纸板、纸、塑料瓶、玻璃瓶、铜制品、不可回收垃圾 代码运行说明： 1、 安装运行项目所需的python模块，包括tensorflow | numpy | keras | cv2 2、 train.py用于训练垃圾分类模型，由于训练的数据量过于庞大，因此不一并上传 3、 predict.py用于预测垃圾的类别，首先运行predict.py，然后输入需要预测的文件路径，即可得到结果。