2010-07-14 16 views
24

Ich mag Daten ziehen (string) aus einer Spalte "Limit" in einer Tabelle ("displayTable") in JavaScript genannt. Wie mache ich das?Wie erhalte ich Daten aus einer Datentabelle in 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); 
    ... 
} 

Antwort

28

So habe ich das Lesen einer Tabelle in Javascript erreicht. Grundsätzlich habe ich in die Reihen gebohrt und konnte dann für jede Zeile in die einzelnen Zellen bohren. Dies sollte Ihnen eine Idee

//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; */ 
    } 
} 

AKTUALISIERT geben - GETESTET SCRIPT

<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

Ich habe Fortschritte mit dem Schnipsel gemacht. innerHTML- scheint leer zu sein, was seltsam ist, denn das ist, wie ich die Daten hinzugefügt werden, wenn die Daten in meinem Javascript-Code eingeben. var Zelle4 = row.insertCell (3); cell4.innerHTML = Grenze; – MrM

+0

cell4.innerHTML = Grenze; Was ist Limit? Ich denke, wenn Sie Cell4.innerHTML eine Variable zuweisen, erhalten Sie, was in dieser Zelle ist (vorausgesetzt, Sie richten alles richtig und es gibt tatsächliche Daten). – webdad3

+0

OK Ich habe gerade eine Testseite erstellt und das Skript getestet. Ich habe meine ursprüngliche Antwort bearbeitet, um unsere Zellen in der Tabelle zu benachrichtigen. Von hier aus denke ich, dass du in der Lage sein solltest, das zu bekommen, was du brauchst. – webdad3

2

Verwendung Json & jQuery. Es ist viel einfacher als oldschool 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(); 
Verwandte Themen