HTML页面提交TABLE
生活随笔
收集整理的這篇文章主要介紹了
HTML页面提交TABLE
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在HTML頁面里，提交一個TABLE需要把TABLE的值傳入變量或json格式，然后submit到服務端的。
思路描述：將table里的值取出，放在json中，賦給一個input，通過一個input來實現table表數據提交到服務器，就可以避免頁面存在太多input框。
1.定義有table數據的html頁面：
2.定義獲取table數據的js代碼：
save.onclick = function(){ var tr; var dataArray = new Array(); for(var i=1;i<table.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(); }總結
以上是生活随笔為你收集整理的HTML页面提交TABLE的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML标签类型及特点
- 下一篇： linux reboot命 过程,IDR