增加删除行
//增加一行
function add_row(obj,data,cell){
var tr=obj.insertRow();
var td;
for(var i=0;i<cell.length;i++){
td=tr.insertCell();
td.innerHTML=cell[i](data);
}
}
//调用方法
function add_item(){
var init_item={budget_quarter:'1',budget_month:'1',amount:''};
var obj=document.getElementById("budget_items");
add_row(obj,init_item,budget_cell);
}
//单元格定义
var budget_cell=[
function(value){
return "<select name='budget_quarter' onchange='changeMonth(this)'>"+
optstr(kv_quarter,value.budget_quarter)+
"</select>";},
function(value){
return "<select name='budget_month'>"+
opt_month(value.budget_quarter,value.budget_month)+
"</select>月";},
function(value){
return "<input type=text name='amount' style='text-align:right;padding:1px;' value='"+value.amount+"' onchange='sum_amount()'/>元";},
function(value){
return "<a href='javascript:void(0)' onclick='del_item(this)'>删除</a>";}
];
//删除一条
function del_item(obj){
var tr=obj.parentElement.parentElement;
var tb1=tr.parentElement;
tb1.removeChild(tr);
}
效果:
- 大小: 18.5 KB
分享到:
相关推荐
关于javascript 的表格操作的一些函数集合
javascript 表格操作
原生JavaScript,对数据表格进行操作,使用DOM实现数据的动态操作,包括增加、删除、查询、修改。
JavaScript操作表格JavaScript操作表格JavaScript操作表格
包括js动态表格的操作。数据的复制
在JavaScript中,表格操作是网页动态交互的重要组成部分。本文将详细介绍如何使用JavaScript来操作HTML表格,包括创建、删除表格行和单元格以及设置属性。 1. **插入行和单元格** - `insertRow()`函数用于在表格...
js简单表格操作,对表格进行增删改,效果可看博客: https://blog.csdn.net/qq_37902949/article/details/81056551
Javascript 表格操作实现代码 Javascript 是一种广泛应用于 Web 开发的脚本语言,它可以用来实现网页的交互效果和动态更新。在本文中,我们将通过实例代码来介绍如何使用 Javascript 实现表格操作,包括获取表格值...
js操作表格 实例 js操作表格 实例 js操作表格 实例
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
在Node.js环境中,Exceljs库提供了强大的功能,用于创建、读取和操作Excel表格。这个库使得在服务器端处理Excel文件变得非常方便。下面将详细解释如何使用Exceljs进行Excel表格的各种操作。 首先,要使用Exceljs,...
带富文本编辑器以及支持表格操作,可拉伸单元格宽度、增加行、增加列、合并单元格
1 展示了一个动态操作表格的例子 2 有简单的CSS布局 3 主要供自己查阅参考
使用JS调用动态链接库操作WORD并绘制表格
JavaScript 動態表格控制,包括動態添加表格,表格排序等。。。。。。
静态实现javascript,实现表格的增加和删除等功能,值得初学者学习
js操作表格,带初始化的 增加,删除很齐全的哦。。
js实现添加删除表格操作 本文实例为大家分享了js实现添加删除表格的具体代码,供大家参考,具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点击...