js操作 新增刪除table行,並進行重新整理
新增行的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);
}
}
}
相關文章
- JavaScript table表格行進行刪除和新增JavaScript
- js如何刪除和新增table中的行和列JS
- jQuery table表格行的新增和刪除jQuery
- vue對table的某一行的資料進行編輯,刪除操作Vue
- C#對DataGridView進行新增、修改、刪除資料操作C#View
- 利用jquery給指定的table新增一行、刪除一行jQuery
- JavaScript刪除table表格指定行JavaScript
- jQuery實現的表格新增或者刪除行操作jQuery
- 使用 PHP 進行建立檔案並在下載後進行刪除PHP
- JavaScript點選新增行或者刪除行JavaScript
- 建立連結串列並進行增加、刪減操作
- jquery table 的新增和刪除jQuery
- js動態新增、刪除table中的tr、td、inputJS
- 對table的操作進行監控
- 使用JQuery刪除Table中的合併行jQuery
- js動態新增和刪除table表格行程式碼例項JS行程
- jQuery動態新增和刪除表格行jQuery
- Oracle並行操作——並行DML操作Oracle並行
- vue+element-ui操作刪除(單行和批量刪除)VueUI
- js新增刪除文字框JS
- 刪除table表格行和列程式碼例項
- 點選新增或者刪除表格行詳解
- oracle JOB 查詢 新增 修改 刪除 執行Oracle
- jquery 定義物件並進行操作jQuery物件
- JS模擬陣列操作(新增、刪除、插入、排序、反轉)JS陣列排序
- iview Table元件使用render新增Select下拉框並進行雙向繫結View元件
- 動態建立具有刪除行按鈕的table表格
- redis cluster節點/新增刪除操作Redis
- Cookie新增、獲取以及刪除操作Cookie
- 資料重新整理中的並行改進(一)並行
- 資料重新整理中的並行改進(二)並行
- 資料重新整理中的並行改進(三)並行
- 使用Excel資料進行條件刪除Excel
- javascript新增或者刪除table表格行程式碼例項JavaScript行程
- 動態刪除和新增table行程式碼例項行程
- Oracle並行操作——從序列到並行Oracle並行
- 用thinkphp進行增刪改查的操作PHP
- 理解Window的新增,刪除,重新整理內部機制