請教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內容
成都VIP檔案-
帳號資訊
| 職務 |
辦公地點 |
分機號 |
秘書 |
分機號 |
outlook修改時間 |
outlook有效期間 |