script activated from drop down box

**martyn1987** · 07-16-2007, 06:24 PM

hey guys this may be really simple

i have a drop down box on my webpage and i need it to run a script when the value changes

but the script it runs depends on the value of the selected item in the drop down box

any idea on how i could do this with minimal coding.... or not what ever is easy lol

thanks in advance

**Twey** · 07-16-2007, 06:25 PM

Code:

<select onchange="doSomething(this.value);">

**martyn1987** · 07-16-2007, 06:44 PM

ooo never thought of that thanks

how do i then get the scritpt to load another script from a js file , i know how to do the onload do-dah , but how can i get it to do it from a function :S am at a lil loss here

thanks again in advance

**Twey** · 07-16-2007, 07:27 PM

Code:

<script type="text/javascript">
  var loadScript = (function() {
    var head = document.getElementsByTagName("head")[0];
    return function(url) {
      var s = document.createElement("script");
      s.type = "text/javascript";
      s.src = url;
      return head.appendChild(s);
    };
  })();
</script>

<select onchange="loadScript(this.value);">
  <option value="scripts/fish.js">Fish</option>
  <option value="cabbage.js">Cabbage</option>
  <option value="http://www.otherserver.com/somescript.js">Remote Script</option>
</select>

**martyn1987** · 07-16-2007, 08:17 PM

am having a lil trouble implementing this :s

it doesnt seem to be running my scritps when the value changes

anything you can thing of

**Twey** · 07-16-2007, 08:41 PM

What's the code you're using?

**martyn1987** · 07-16-2007, 08:48 PM

Code:

<script type="text/javascript">
  var loadScript = (function() {
    var head = document.getElementsByTagName("head")[0];
    return function(url) {
      var s = document.createElement("script");
      s.type = "text/javascript";
      s.src = url;
      return head.appendChild(s);
    };
  })();
</script>
<body onload="numbers();winners();date()">


<select onchange="loadScript(this.value);">
  <option value="archive/06 July 07 onewish.js">06 July 07</option>
  <option value="archive/13 July 07 onewish.js">13 July 07</option>
 </select>

basically what you gave me with the body onload i was using when i was calling the functions from a known script , ie one single script not a selection

**Twey** · 07-16-2007, 09:22 PM

Hmm... maybe if we escape the URL. There's a memory leak in IE in that code too, I just realised.

Code:

function loadScript(url) {
  var s = document.createElement("script");
  s.type = "text/javascript";
  s.src = encodeURI(url);
  return document.getElementsByTagName("head")[0].appendChild(s);
};

Note that since the document has already loaded, document.write() and similar things won't work, if you've used any of those.

**martyn1987** · 07-18-2007, 10:23 AM

doesnt seem to work

i am using

PHP Code:


document.getElementById('data1').innerHTML = 'name'

to change large amount of data, this code is generated by a program i wrote , if you know of another way of doing this then i am open to sugetions

thanks again in advance

**Twey** · 07-18-2007, 11:35 AM

"Doesn't work" is a poor description of the problem. What does it do? What doesn't it do? What errors do you get?

innerHTML is bad (use the DOM methods instead), but that's not the problem in this case -- unless you're using XHTML it should still work.

Thread: script activated from drop down box

Thread Tools

Search Thread

script activated from drop down box

Bookmarks

Bookmarks

Posting Permissions