js操作 添加删除table行,并进行刷新
来源:互联网 发布:数据库sql语句增删改查 编辑:程序博客网 时间:2024/06/05 07:07
添加行的js如下 table 的id为myTable
添加table的一行内容
function insertRow() {
var rowValue = document.getElementById("zdhRowCount").value;
// alert(rowValue);
if (rowValue == "")
rowValue = "0";
var rowCount = parseInt(rowValue) + 1;
var c0 = "<tr><td><input type=\"checkbox\" /></td>";
var c1 = "<td class=\"bg02\" > <select id=\"Txt_ND" + rowCount + "\"> " + optionYear + " </select></td>";
var c2 = "<td> <input type=\"text\" id=\"Txt_FWXMMC" + rowCount + "\" name=\"1\" style=\"width:100px;\" /> </td>";
var c3 = "<td> <input type=\"text\" id=\"Txt_FWDD" + rowCount + "\" name=\"1\" style=\"width:100px;\" /></td>";
var c4 = " <td><input type=\"text\" id=\"Txt_FWNR" + rowCount + "\" name=\"1\" style=\"width:100px;\" /> </td>";
var c5 = "<td> <a id=\"0\" href=\"javascript:void(0);\" onclick=\"DeleteSingle(this)\"><span> 删除</span></a> </td> </tr>";
var row = c0 + c1 + c2 + c3 + c4 + c5;
$("#myTable").append(row);
document.getElementById("zdhRowCount").value = rowCount;
}
遍历表,获取表的信息
涉及到读取行,获取下拉列表,输入框的值
function AddServiceHistory() {
var table = document.getElementById("myTable");
var content = "";
var hyid = document.getElementById("hdfd_yhid").value;
for (var i = 1; i < table.rows.length; i++) {
var row;
var rtl = table.rows[i].cells[1].getElementsByTagName("select")[0];
// alert(rtl.options.(rtl.selectedIndex).value);
content += hyid + "$";
content += rtl.options[rtl.selectedIndex].value + "$";
//content += table.rows[i].cells[1].getElementsByTagName("select")[0].value+"$";
content += table.rows[i].cells[2].getElementsByTagName("input")[0].value + "$";
content += table.rows[i].cells[3].getElementsByTagName("input")[0].value + "$";
content += table.rows[i].cells[4].getElementsByTagName("input")[0].value + "$";
// content += table.rows[i].cells[2].getElementsByTagName("input")[0].value + "$";
content += "^";
}
content = escape(content);
AddServiceHistorys(content);
}
这是传递参数到指定页面,取值后直接进行结果的显示
function AddServiceHistorys(obj) {
// 构建表格创建以往服务时间
// ajax获取table
alert(obj);
$.get("/XZYZY/ZYZ/GetServiceHistory.aspx", { pval: obj, TextType: "add" }, function (data) {
// alert(data);
if (data != null) {
if (data == "false") {
// document.getElementById("div_history").style = "none";
if (null != document.getElementById("div_history")) {
alert("操作失败!");
document.getElementById("div_history").style.display = "block";
document.getElementById("services").innerHTML = data.split("false")[1];
}
} else {
// alert(data);
if (null != document.getElementById("div_history")) {
//alert("操作成功");
document.getElementById("div_history").style.display = "block";
document.getElementById("services").innerHTML = data.split("true")[1];
}
}
}
});
}
此方法为删除选中行
// 删除行
function DeleteRow() {
var table = document.getElementById("myTable");
if (table.rows.length < 2) {
return;
}
var rows;
var cells;
var checkeds;
var dd = table.rows.length - 1;
for (var i = dd; i > 1; i--) {
rows = table.rows[i];
cells = rows.cells[0];
checkeds = cells.getElementsByTagName("input")[0];
if (checkeds.checked == true) {
table.deleteRow(rows.rowIndex);
}
}
}
- js操作 添加删除table行,并进行刷新
- JS添加,删除Table行
- js操作html的table,包括添加行,添加列,删除行,删除列
- js操作html的table,包括添加行,添加列,删除行,删除列
- 通过ICursor对Table进行操作(添加、修改、删除)
- 使用js添加删除table行
- js动态添加删除table中的行
- JS添加删除Table中的行
- js table动态添加 删除行处理
- Js实现动态添加删除Table行
- 写一个js 操作table,结合php,添加删除行操作
- table中的添加删除行操作
- js添加删除行操作
- 【转】js操作html的table,包括添加行,添加列,删除行,删除列,合并单元格(未实现)
- js 动态操作table 表格 在指定行后添加行 删除行
- js Dom操作table添加行insertBefore
- JS子页面操作父页面table 添加行并传值
- js操作table的行和列无刷新
- Guid
- Source Insight快捷键
- 生命是一连串长期而持续的积累
- 面向对象的三大特征
- C#虚函数virtual详解
- js操作 添加删除table行,并进行刷新
- 汉澳sinox2015三步安装nvidia显卡驱动,获得最佳显示效果
- 两份关于 selenium/xpath 元素定位的极品 pdf,同样适用于移动测试
- 海思音视频解码模块阅读笔记(二)--转载
- MyBatis 配置sql语句输出
- <s:if>判断时对判断对象的类型的影响
- ARC与非ARC 混编
- 如何将u盘(移动硬盘)mount到ubuntu系统
- 车辆管理软件、车辆费用软件、公司车辆管理软件