2010-07-14 45 views
24

我想從javascript中的表(「displayTable」)中的一個名爲「Limit」的列中提取數據(字符串)。我怎麼做?如何從JavaScript中的數據表中獲取數據?

var table = document.getElementById('displayTable');  
var rowCount = table.rows.length;  
for (var i = 1; i < rowCount - 1; i++) {  
    var row = table.rows[i]["Limit"].ToString(); 
    alert(row); 
    ... 
} 

回答

28

這就是我在javascript中閱讀表格的過程。基本上我鑽入行中,然後我可以深入每行的單個單元格。 這應該給你一個想法

//gets table 
var oTable = document.getElementById('myTable'); 

//gets rows of table 
var rowLength = oTable.rows.length; 

//loops through rows  
for (i = 0; i < rowLength; i++){ 

    //gets cells of current row 
    var oCells = oTable.rows.item(i).cells; 

    //gets amount of cells of current row 
    var cellLength = oCells.length; 

    //loops through each cell in current row 
    for(var j = 0; j < cellLength; j++){ 
     /* get your cell info here */ 
     /* var cellVal = oCells.item(j).innerHTML; */ 
    } 
} 

修訂版 - 測試腳本

<table id="myTable"> 
    <tr> 
     <td>A1</td> 
     <td>A2</td> 
     <td>A3</td> 
    </tr> 
    <tr> 
     <td>B1</td> 
     <td>B2</td> 
     <td>B3</td> 
    </tr> 
</table> 
<script> 
    //gets table 
    var oTable = document.getElementById('myTable'); 

    //gets rows of table 
    var rowLength = oTable.rows.length; 

    //loops through rows  
    for (i = 0; i < rowLength; i++){ 

     //gets cells of current row 
     var oCells = oTable.rows.item(i).cells; 

     //gets amount of cells of current row 
     var cellLength = oCells.length; 

     //loops through each cell in current row 
     for(var j = 0; j < cellLength; j++){ 

       // get your cell info here 

       var cellVal = oCells.item(j).innerHTML; 
       alert(cellVal); 
      } 
    } 
</script> 
+0

我已經取得了進展的片段。 innerHTML似乎是空的這很奇怪,因爲這是我在我的javascript代碼中輸入數據時添加數據的方式。 var cell4 = row.insertCell(3); cell4.innerHTML = limit; – MrM 2010-07-14 18:54:44

+0

cell4.innerHTML = limit; 什麼是限制? 我想如果你給cell4.innerHTML分配一個變量,你會得到那個單元格里的東西(假設你把所有東西都設置正確並且有實際的數據)。 – webdad3 2010-07-14 19:50:35

+0

好的,我剛剛創建了一個測試頁面並測試了腳本。我編輯了我的原始答案,以提醒我們表格中的每個單元格。從這裏我認爲你應該能夠得到你所需要的東西。 – webdad3 2010-07-14 19:56:27

2

使用JSON & jQuery的。這比老學校更容易javascript

function savedata1() { 

var obj = $('#myTable tbody tr').map(function() { 
var $row = $(this); 
var t1 = $row.find(':nth-child(1)').text(); 
var t2 = $row.find(':nth-child(2)').text(); 
var t3 = $row.find(':nth-child(3)').text(); 
return { 
    td_1: $row.find(':nth-child(1)').text(), 
    td_2: $row.find(':nth-child(2)').text(), 
    td_3: $row.find(':nth-child(3)').text() 
    }; 
}).get(); 
相關問題