社区
JavaScript
帖子详情
动态增加表格的行,如果表格的所有行都被删除掉了,如何再增加呢?
dipingxian
2006-12-15 03:53:43
如题!多谢了!
表格的每行都有<input>,如果所有的行都被删除了的话,再增加一行如何实现?
有成熟例子是最好的
...全文
204
9
打赏
收藏
动态增加表格的行,如果表格的所有行都被删除掉了,如何再增加呢?
如题!多谢了! 表格的每行都有,如果所有的行都被删除了的话,再增加一行如何实现? 有成熟例子是最好的
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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>
vue3 - 实现element plus
表格
组件table
动态
添加或
删除
行
功能,
表格
列表
动态
新增插入/
删除
表格
行
,可编辑单元格/点击修改
表格
内数据并更新数据列表(可接口懒加载、
表格
分页、复杂嵌套
表格
vue3,element-plus,
表格
Table组件,el-table,
动态
表格
,实现
表格
动态
增加
/
删除
/编辑
表格
行
,带有校验规则,自定义
表格
增删改查,
动态
表格
动态
数据新增修改
删除
,vue3+Element Plus
动态
生成
表格
,并实现内容可编辑...
vue2 - 实现elementUI
表格
组件table
动态
添加或
删除
行
功能,
表格
列表
动态
新增/插入/
删除
表格
行
,可编辑单元格/点击修改
表格
内数据并更新数据列表(支持接口懒加载、
表格
分页、复杂嵌套
表格
)
vue2,element-ui,
表格
Table组件,el-table,
动态
表格
,实现
表格
动态
增加
/
删除
/编辑
表格
行
,带有校验规则,自定义
表格
增删改查,
动态
表格
动态
数据新增修改
删除
,
表格
可编辑单元格自定义数据化结构新增
删除
取消,...
HTML
动态
增加
和
删除
表格
的
行
和列
起始状态
增加
行
增加
列
删除
行
删除
列 function addrow(){ ...//获得
表格
的信息 ... if( c.rows.length==0){//如果是向一个空表
增加
一
行
var x=c.insertRow(0);//
jQuery
动态
增加
表格
一
行
和
删除
一
行
今天在处理
表格
的
动态
增加
一
行
,和
删除
一
行
,一开始用js,但是写起来有点复杂,而且不好控制,最后还是用了jQuery,很轻松的就搞定了,代码如下: $(document).ready(function() { $("#newBtn").bind("click", ...
vue3 - 实现element plus
表格
组件el-table
动态
增删
行
功能,可编辑每
行
内的表单数据字段实时修改更新,Table
表格
列表
动态
新增
删除
控制每
行
每列的
动态
数据,添加
行
编辑
行
删除
行
示例!
vue3,element plus,table
表格
,el-table,
表格
组件,
动态
增删
表格
列表,
表格
动态
添加/
删除
/编辑
行
,如何实现
表格
组件
动态
增加
和移除每
行
,实现
动态
添加
行
/可编辑,
表格
动态
添加或
删除
行
,单元格里编辑input输入框...
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章