Conditionally Loading .js files.

[dohko8]

Hi

I would like to know how to load .js files conditionally?
Suppose I have a Drop down box that is populated dynamically with A B C.
When I select Element A I want it to load a .js file, B a different .js file and C a different .js. The js. files are not simply A.js, they are a reference to an URL address where they are stored.

<select size='1'   
onchange="var si=this.selectedIndex; if(si){ addScript(  this.options[si].value)}">
    <option>Select an Option...</option>
    <option value="temp.js">A</option>
    <option value="whatever.js">B</option>
    <option value="whatever2.js">C</option>
</select>
 
<script>
function addScript(turl) {
    var xJs = document.createElement("script");
    xJs.type = "text/javascript";
    var h = document.getElementsByTagName("head");
    if (h && h[0]) {
        h[0].appendChild(xJs);
    }
    xJs.src = turl;
    return xJs;
}
 
</script>

Any ideas on how to make this work?

[mrhoo]

"var si=this.selecte dIndex; if(si){ addScript( this.options[si].value)}";

the value of a select with size='1' is the value of its selected option.

onchange= "addScript(this .value)"
or get it out of the html and assign it onload-

onload= function(){
    var el= document.getElementsByTagName('select')[0];// or use an id
    el.onchange= function(e){
        e= window.event? event.srcElement : e.target
        return addScript(e.value);
    }
}

[dohko8]

This is where i need it to work.

         <SELECT name=_fid_6 onChange="var si=this.selectedIndex; if(si){addScript(this.options[si].value)}; populateDynamicDropDownList(this, document.forms[0]._fid_7,1)";>
          <OPTION selected>Type</OPTION>
         </SELECT>

Do i need to change the Addscript function?
I need it to load for example. www.abcd.com/a.js
when i select option 1. and then based on this run the second function. populateDynamic DropDownList
can this be done?

the value of a select with size='1' is the value of its selected option.

onchange= "addScript(this .value)"
or get it out of the html and assign it onload-

onload= function(){
    var el= document.getElementsByTagName('select')[0];// or use an id
    el.onchange= function(e){
        e= window.event? event.srcElement : e.target
        return addScript(e.value);
    }
}