社区
JavaScript
帖子详情
动态增加表格的行,如果表格的所有行都被删除掉了,如何再增加呢?
dipingxian
2006-12-15 03:53:43
如题!多谢了!
表格的每行都有<input>,如果所有的行都被删除了的话,再增加一行如何实现?
有成熟例子是最好的
...全文
193
9
打赏
收藏
动态增加表格的行,如果表格的所有行都被删除掉了,如何再增加呢?
如题!多谢了! 表格的每行都有,如果所有的行都被删除了的话,再增加一行如何实现? 有成熟例子是最好的
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
dipingxian
2006-12-15
打赏
举报
回复
在 javascript 里面 向 innerHTML = "" ,""里面再有" 或者 什么东西的时候怎么转义?
dipingxian
2006-12-15
打赏
举报
回复
需求是这样的:
新增一行的里面是<input> 而这些input项目是后台的java代码产生的,
所以行里面的内容没法固定,而直接从后台向html里写也不行,因为html代码很多,没法赋值,
例如 xxx.innerHTML = "<input xx="" >" ,这样的会有错误。
也就是前端的html的内容是通过后台解析了xml输出的,而输出的页面上又要求有能够动态增加行的表格,可是这个表格用户又要求可以把所有行删除,所以感觉没法解决了
hbhbhbhbhb1021
2006-12-15
打赏
举报
回复
xml数据,XSLT显示样式
主要你说的写死是指什么?
里面的那几个字“新增的”这几个?
和其他一样可以动态写入的
hansonboy
2006-12-15
打赏
举报
回复
还可以这样:<input name="button1" type="button" value="增加" onclick=addNewRow()>
<table id="table1" border="1">
</table>
<table id="table2" border="1" style="display:none">
<tr>
<td><input name="button1" type="button" value="delete" onclick="delTR(this.parentNode.parentNode)"></td>
</tr>
</table>
<script language=javascript>
function addNewRow()
{
var obj=document.getElementById("table1");
var obj2 = document.getElementById("table2");
var objRow=obj2.rows[0].cloneNode(true);
obj.tBodies[0].appendChild(objRow);
}
function delTR(obj){
obj.parentNode.removeChild(obj);
}
</script>
dipingxian
2006-12-15
打赏
举报
回复
to:::不想写死就用模板,如:XSLT之类,
能否具体些?
hansonboy
2006-12-15
打赏
举报
回复
不想写死就用模板,如:XSLT之类,
rcom10002
2006-12-15
打赏
举报
回复
<script language="javascript">
function addRow() {
var mytable = document.getElementById("tb");
var newrow=mytable.insertRow(-1);
var newcell=newrow.insertCell(0);
newcell.innerHTML="<input type='text' value='" + ++addRow.DROW_COUNT + "'/><input type='button' value='Delete' id='idOfDelete" + addRow.DROW_COUNT + "' />";
document.getElementById("idOfDelete" + addRow.DROW_COUNT).onclick = deleteRow;
}
function deleteRow() {
var mytable = document.getElementById("tb");
mytable.deleteRow(this.parentNode.parentNode.rowIndex);
--addRow.DROW_COUNT;
}
addRow.DROW_COUNT = -1;
</script>
<input type="button" onclick="javascript:addRow();" value="Add" />
<table border="1" id="tb">
</table>
dipingxian
2006-12-15
打赏
举报
回复
faint~~ ,写死在函数里?
hbhbhbhbhb1021
2006-12-15
打赏
举报
回复
<input name="button1" type="button" value="增加" onclick=addNewRow()>
<table id="table1" border="1">
</table>
<script language=javascript>
function addNewRow()
{
var obj=document.getElementById("table1")
var objRow=obj.insertRow(0)
var objCell1=objRow.insertCell(0);
var objCell2=objRow.insertCell(1);
objCell1.innerHTML="新增的";
objCell2.innerHTML="<input name='haha'>"
}
</script>
HTML
表格
动态
增加
删除
行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
表格
自动
增加
删除
4</title> </head> <body> <h3>
表格
增加
删除
</h3> <button onclick="addtable()">新增</button> <.
HTML
动态
增加
和
删除
表格
的
行
和列
起始状态
增加
行
增加
列
删除
行
删除
列 function addrow(){ var c=document.getElementById('mytable');//获得
表格
的信息 if( c.rows.length==0){//如果是向一个空表
增加
一
行
var x=c.insertRow(0);//
Jquery实现
表格
动态
增加
一
行
,
删除
一
行
(最简洁的代码实现)
最近做的项目中有一个需求就是要求在线填写
表格
内容时,不够的话可以
动态
添加一
行
,我这里用的jQuery来实现,下面是我项目截图展现: 当点击“添加输入框”按钮时,就会自动添加一
行
下面我们来一下代码实现(把实际项目中的HTML代码简化了,其他功能可自己加) <!DOCTYPE html> <html> <head> <meta charset="utf-...
layui
表格
组件中实现
动态
增加
数据
行
的一种方式
layui 以界面简洁美观而吸引了不少开发人员,在使用table组件时,需要能编辑
表格
内容,
动态
增加
数据
行
。编辑功能组件已支持。但
动态
增加
数据
行
好像没有支持,网上提供的方式是,获得组件的数据集再加入一个空记录或默认记录,以这个新的数据集作为
表格
组件的数据源重新渲染
表格
。 方法是
行
得通,但毕竟不是原生支持,有局限。因为我用
表格
组件是来实现在线设计数据库表的,需要
动态
...
关于用jquery
动态
增加
、
删除
表格
的
行
,列操作。
jquery
动态
增加
、
删除
表格
的
行
,列操作。
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章