请问js动态增加表格的每个字段为input,但是不能提交值
时间:2021-07-01 10:21:17
帮助过:3人阅读
请教js动态增加表格的每个字段为input,但是不能提交值
一:动态增加行的js代码
var index;
index = 1;
function insertRow(){
var s1 = "
";
var s2 = "
";
var s3 = "
";
var s4 = "
";
var s5 = "
";
var s6 = "
";
var s7 = "
";
var s8 = "
";
var s9 = "
";
var s10 = "
";
var table = document.getElementById('table1');
row = table.insertRow(index);
/*insertRow() 方法用于在表格中的指定位置插入一个新行。
语法tableObject.insertRow(index)
返回值 返回一个 TableRow,表示新插入的行。
说明
该方法创建一个新的 TableRow 对象,表示一个新的
标记,并把它插入表中的指定位置。 新行将被插入 index 所在行之前。若 index 等于表中的行数,则新行将被附加到表的末尾。 如果表是空的,则新行将被插入到一个新的 段,该段自身会被插入表中。 num = document.getElementById("tbl").rows.length; R = tbl.insertRow(num-2); //倒数第2行插入 抛出 若参数 index 小于 0 或大于等于表中的行数,该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMException 异常。*/ row.id = "tr" + index; c1 = row.insertCell(-1);//插入列td,一个一个插入,代码用innerHTML写入 c1.innerHTML = s1; c2 = row.insertCell(-1); c2.innerHTML = s2; c3 = row.insertCell(-1); c3.innerHTML = s3; c4 = row.insertCell(-1); c4.innerHTML = s4; c5 = row.insertCell(-1); c5.innerHTML = s5; c6 = row.insertCell(-1); c6.innerHTML = s6; c7 = row.insertCell(-1); c7.innerHTML = s7; c8 = row.insertCell(-1); c8.innerHTML = s8; c9 = row.insertCell(-1); c9.innerHTML = s9; c10 = row.insertCell(-1); c10.innerHTML = s10; } function delRow(index){ var table = document.getElementById('table1'); table.deleteRow(document.getElementById("tr" + index).rowIndex); this.index = this.index - 1; 二.FORM内容