select onchange event doesn't fire

[tomih]

Hi!

I have a problem when I programaticaly define onchange event to select tag.

the working code looks like this:

var d = document;
//create select element
var tmp = &quot;<select id='selectID' onchange='alert()'>&quot;;
var s = d.createElement(tmp);
//append select element to a div on page
div.appendChild(s);

non-working code:

var d = document;
//create select element
var tmp = &quot;<select id='selectID'>&quot;;
var s = d.createElement(tmp);
//append select element to a div on page
div.appendChild(s);
selectID.onchange = &quot;alert()&quot;;
//or
s.onchange = &quot;alert()&quot;;
//or
s.onchange = function {alert()};

I need to define onchange event programmaticaly.

I use IE 6.

Can anybody help,
thnx,
T.

Tomi Hrovatin

http://freelancer.hrovatin.net

http://www.flowerServant.com

 

[theboyhope]

Slight adaptation of your code:

window.onload = function() {

  var d = document;
  var div = document.getElementsByTagName("div")[0];

  //create select element
  var tmp = &quot;<select id='selectID'>&quot;;
  var s = d.createElement(tmp);

  //append select element to a div on page
  div.appendChild(s);
  s.onblur = function() {
    alert('test');
  };

}

 

[tomih]

Well, yes and thanx for taking me on the right track. I realy needed a break to see this mistake:

The wrong part was:

s.onchange = "function () {alert()}";

but should be:

s.onchange = function () {alert()};

thnx again,

t.

Tomi Hrovatin

http://freelancer.hrovatin.net

http://www.flowerServant.com