Passing Variables to External Javascript

Question

I have a view dynamic variables that I would like to pass to an external javascript.

in the HTML I am setting a few hidden input fields, as such:

<input type=hidden id="varID" value="sourceID">

and then calling them in my external Javascript file as such:

varID = document.getElementById("varID").value;

When I check to see if there is anything in there, I always get an undefined. In my HTML, I am setting the hidden input field before I even al to load the external javascript file.

Any ideas of what I'm missing?

Wait until the DOM is loaded in your external file before checking for the elements — Johan
– Johan, Commented Apr 9, 2015 at 14:40
use the onload() event from the html <body> tag to call a function when the DOM is loaded. — jtb
– jtb, Commented Apr 9, 2015 at 14:44
Why does jQuery or a DOM method such as getElementById not find the element? — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 9, 2015 at 14:53
Possibly related: Do DOM tree elements with ids become global variables? Using a global variable by the same identifier as the element's id may be clashing with the browser's own use of globals. — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 9, 2015 at 15:13

rxjmx · Accepted Answer · 2015-04-09 14:50:05Z

1

Try this in your external JavaScript.

$(document).ready(function() {    
    var varID = document.getElementById("varID").value;
});

edited Apr 9, 2015 at 14:50

rxjmx

2,1791 gold badge13 silver badges22 bronze badges

answered Apr 9, 2015 at 14:42

tech-gayan

1,4431 gold badge11 silver badges25 bronze badges

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

3 Comments

Murphy1976 Over a year ago

that did it... I don't know why... since everything else was loading properly without the document.ready.

tech-gayan Over a year ago

$( document ).ready will make sure the Dom is ready before accessing any data in it. if it helps you please mark the answer.

Murphy1976 Over a year ago

I have to wait a minute before I can mark this correct... be patient.

rxjmx · Accepted Answer · 2015-04-09 14:42:15Z

0

Try this:

window.onload = function () {
   var varID = document.getElementById("varID").value;
}

Basically, the JavaScript code will only run once the page has loaded.

answered Apr 9, 2015 at 14:42

rxjmx

2,1791 gold badge13 silver badges22 bronze badges

Collectives™ on Stack Overflow

Passing Variables to External Javascript

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related