Home/ Questions/Q 8329873
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T01:56:21+00:00

If I create an object in an onLoad function, then attempt to reference that

  • 0

If I create an object in an onLoad function, then attempt to reference that object within an onChange function, the object is ‘undefined’… how do I reference it?

HTML:

<body onLoad="loaded()">
    <select onChange="updateObject(event)">
        <option value="v1">--v1--</option>        
        <option value="v2">--v2--</option>
    </select>
</body>

JS:

function loaded(){             
    var obj = new ObjectExample();
}
function updateObject(event){
    console.log(obj);
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What you are dealing with here is variable scope. The object ‘obj’ only exists within the ‘loaded’ function as that is where it is declared. A quick and easy way to solve this problem is to give the variable a larger scope. Eg, a global scope.

    var obj;

function loaded(){                  
    obj = new ObjectExample(); 
} 
function updateObject(event){     
    console.log(obj); 
}

    The ‘obj’ variable now exists on the ‘window’ object (try typing in window.obj in your browser console tool!).

    Hope that helped.

    • 0