javascript variable assignment

Question

Utterly stumped as to why the below javascript doesnt assign the variables as expected

Maybe I am missing something very simple due to staring at it for hours on end !!

Any help appreciated.

Cheers

var $name;
var $district;
var $distance;
var myArray = [];

jQuery('.getrowdata').on('click', function(){   
  var $row = jQuery(this).closest('tr');
  var $columns = $row.find('td');
  var value;
  jQuery.each($columns, function(i, item){
    value = item.innerHTML;
    if(i < 3){
      myArray.push(value); // adds first 3 elements to the array
    }       
  }
);

$name = myArray[0]; // trying to set value of these variables to value of array element
$district = myArray[1];
$distance = myArray[2];

alert(myArray.join(",  ")); // this works - displays data as expected !!

});

document.write($name);   // these don't work - print out as undefined ?
document.write($district); 
document.write($distance);

Your variables are undefined since they have some values assigned only after the user clicks . getrowdata . — Ende Neu
– Ende Neu, Commented Aug 11, 2014 at 11:53

royse41 · Accepted Answer · 2014-08-11 11:54:13Z

2

The variables are undefined as they only have values after the "click" event handler is called.

Try moving your document.write statements into the "click" handler:

jQuery('.getrowdata').on('click', function() {

   ...

   document.write($name);
   document.write($district); 
   document.write($distance);
});

answered Aug 11, 2014 at 11:54

royse41

2,3784 gold badges23 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3881476 Over a year ago

Thanks guys, I have moved the variable assignment into the click handler - but the variables dont seemto be persistent?

royse41 Over a year ago

persistent with what? they will retain their values - but they are only given values AFTER the user has clicked.

royse41 Over a year ago

@user3881476 no worries. glad you got it sorted!

Collectives™ on Stack Overflow

javascript variable assignment

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related