Heim > Backend-Entwicklung > PHP-Tutorial > 请问js动态增加表格的每个字段为input,但是不能提交值

请问js动态增加表格的每个字段为input,但是不能提交值

WBOY
Freigeben: 2016-06-13 11:59:27
Original
795 Leute haben es durchsucht

请教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 = "请问js动态增加表格的每个字段为input,但是不能提交值";

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有效期
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage