Need The Script To Be Called For "onload" Too Not Just On "blur"

the code is: $(document).ready(function () { $('#url0, #url1, #url2, #url3, #url4, #url5, #url6, #url7, #url8, #url9, #url10').each(function(index, element) { $(element).blur(f

Solution 1:

As far as loading on startup, javascript is single threaded so just firing a method will work if you keep things in order (... just add a couple of parens). But because you are trying to access the DOM you do want to wait for the elements to be available (otherwise you will get nothing back from a selector).

But you do already have:

$(document).ready( function(){} );

Which does exactly what you are asking for, it also has a shorthand of:

$( function(){} );

So I would have to agree with rodneyrehm that is it probably some collision that you have with other js on your page. You might want to encapsulate it a bit in some namespace to make sure that is the not the problem.

I wrote up a quick version that should get your on your way as a starting point if you are still having problems: http://jsfiddle.net/scispear/dUWwB/. I pulled the 'updateURL ' method out in case your ajax call (you mentioned) was just pre-populating the field (that way you could pass in the value also).

It also works with multiple inputs/displays which is what I think you were going for was not 100% sure.