HTML JS擷取到table中所有的input的值 傳遞到前端

標籤：cells   wro   elements   串連   book   doc   迴圈   雙引號   inf   

1.擷取table對象

2.行迴圈、列迴圈然後遍曆每一個格子裡面的input值

3.用串連符串連

4.放置到form的隱藏欄位裡面。

5.傳遞到後台。

js代碼：注意：1.input必須跟[0]否則無法取出值  2.在JS的雙引號裡面不能在用“”改成‘‘而且{}在引號裡也會被識別報錯。將字串傳回幕後處理即可

function GetInfoFromTable() {          var tableInfo = "";          var tableObj = document.getElementById("booktable");        //  alert(tableObj.rows.length);          //從第二行開始擷取資料          for (var i = 2; i < tableObj.rows.length; i++) {  //遍曆Table的所有Row            for (var j = 0; j < tableObj.rows[i].cells.length; j++) {  //遍曆Row中的每一列              tableInfo += tableObj.rows[i].cells[j].getElementsByTagName("input")[0].value;  //擷取Table中儲存格的內容              tableInfo += ",";            }          }          alert (tableInfo);        }                 function AddTableRow()              {                  var Table = document.getElementById("booktable");   //取得自訂的表對象                  NewRow = Table.insertRow();                        //添加行                  NewCell1= NewRow.insertCell();                     //添加列                  NewCell2=NewRow.insertCell();                  NewCell3=NewRow.insertCell();                 NewCell4=NewRow.insertCell();                 NewCell2.colSpan=2;                NewCell1.innerHTML = "<input required=‘required‘ type=‘text‘/>";          //添加資料                  NewCell2.innerHTML="<input required=‘required‘ type=‘text‘/>";                       NewCell3.innerHTML="<input required=‘required‘ onkeyup=‘JHshNumberText(this)‘ />";                  NewCell4.innerHTML="<input required=‘required‘ onkeyup=‘JHshNumberText(this)‘ />";              }                 </script>

 

HTML JS擷取到table中所有的input的值 傳遞到前端