百度官网地址,企业网站seo分析,万网网站模板,wordpress设置站点地址在HTML页面里#xff0c;提交一个TABLE需要把TABLE的值传入变量或json格式#xff0c;然后submit到服务端的。 思路描述#xff1a;将table里的值取出#xff0c;放在json中#xff0c;赋给一个input#xff0c;通过一个input来实现table表数据提交到服务器#xff0c;就…在HTML页面里提交一个TABLE需要把TABLE的值传入变量或json格式然后submit到服务端的。 思路描述将table里的值取出放在json中赋给一个input通过一个input来实现table表数据提交到服务器就可以避免页面存在太多input框。 1.定义有table数据的html页面
!doctype html
html
headtitletable 表提交数据/title/head
body
div idtable-div
table idtable-batabase
trth编号/thth名字/thth年龄/thth性别/thth爱好/th/tr
trtd1/tdtd小明/tdtd20/tdtd男/tdtd篮球/td/tr
trtd2/tdtd小猪/tdtd1/tdtd女/tdtd游泳/td/tr
trtd3/tdtd小狗/tdtd3/tdtd女/tdtd吃饭/td/tr
/table
/div
div iddongzuo
form idmyform actiontest.php methodpost
input idJSONText namejsontext typetext value/
/form
button idsave-cookie暂存/buttonbutton idsave提交/button
/div2.定义获取table数据的js代码
save.onclick function(){
var tr;
var dataArray new Array();
for(var i1;itable.rows.length;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();
}