在HTML页面里,提交一个TABLE需要把TABLE的值传入变量或json格式,然后submit到服务端的。
思路描述:将table里的值取出,放在json中,赋给一个input,通过一个input来实现table表数据提交到服务器,就可以避免页面存在太多input框。
1.定义有table数据的html页面:
table 表提交数据编号 | 名字 | 年龄 | 性别 | 爱好 |
---|---|---|---|---|
1 | 小明 | 20 | 男 | 篮球 |
2 | 小猪 | 1 | 女 | 游泳 |
3 | 小狗 | 3 | 女 | 吃饭 |
暂存提交
2.定义获取table数据的js代码:
save.onclick = function(){
var tr;
var dataArray = new Array();
for(var i=1;i
date = new Object();
tr = table.rows[i];
date.Code = tr.childNodes[0].innerHTML;
date.Name = tr.childNodes[1].innerHTML;
date.Age = tr.childNodes[2].innerHTML;
date.Sex = tr.childNodes[3].innerHTML;
date.Like = tr.childNodes[4].innerHTML;
//将table表对象转换成数组装成json放在数组里
dataArray.push(JSON.stringify(date));
}
//将数组装成json放在数组里
document.getElementById('JSONText').value = dataArray.toString();
myform.submit();
}