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