js にフォームの各フィールドを入力として動的に追加するように依頼してください。ただし、値を送信できません。
Jun 13, 2016 am 11:59 AM
gt
lt
nbsp
style
width
請教js動態(tài)增加表格的每個字段為input，但是不能提交值
一：動態(tài)增加行的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，表示新插入的行。
說明
該方法創(chuàng)建一個新的?TableRow?對象，表示一個新的?
標記，并把它插入表中的指定位置。
新行將被插入?index?所在行之前。若?index?
等于表中的行數(shù)，則新行將被附加到表的末尾。
如果表是空的，則新行將被插入到一個新的?
? num?=?document.getElementById("tbl").rows.length;
? R?=?tbl.insertRow(num-2);??????//倒數(shù)第2行插入
拋出
若參數(shù)?index?小于?0?或大于等于表中的行數(shù)，該方法將拋出代碼為?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內容