getting row values by javascript

[suzzane2020]

HI,

 

Iam stuck on a problem here and hope someone wud help

 

  I have a table with each row having 3 columns . And these rows are populated from a database.

how do i get the values of each row using javascript?

this is the javascript i have been using:

 

 

function get_order() {

   var x = document.getElementById("rowid");
var items = x.getElementsByTagName("td");
var itemsString = "";
    for (var i = 0; i < items.length; i++) {
        if (itemsString.length > 0) itemsString += ":";
        itemsString += items[i].innerHTML;
    }
   
    }

 

The prob here is that i only get the first row from the database .

Plz help

 

Thnk You

[suzzane2020]

???

[paul2463]

dont know if this will make much difference but I have put curly braces around you if statement

function get_order() 
{
  var x = document.getElementById("rowid");
  var items = x.getElementsByTagName("td");
  var itemsString = "";
  for (var i = 0; i < items.length; i++) 
  {
  if (itemsString.length > 0)
    { 
    itemsString += ":";
    itemsString += items[i].innerHTML;
    }
  }   
}

 

 

[suzzane2020]

I tried that  but it gives no rows this time

[paul2463]

because itemString.length is an emtpy string at that point, so you will probably have to take that bit out or figure another way to do the if statement based on what you actually want it to do

[fenway]

Why not just write out the values into JS from PHP?

[emehrkay]

i would personally give each tr an id and then each td an id

 

<tr id="row_1"><td id="cell:1:1"></td><td id="cell:1:2">....

 

function getRow(rowNum){

var string = '';

for(i = 1; i < 4; i++){

string += (i != 1 && i != 4) ? ':' : '';

string += document.getElementById('cell:'+ rowNum +':'+ i).innerHtml;

}

return string;

}

 

[fenway]

Yeah, sure, but if the values can't change, why bother having look them up in the DOM?