Event not fired in IE when option selected

In IE, when I build a select using the DOM and then click on an item in the generated drop-down list, "onclick" does not fire. Works fine in FireFox.

Here is my code:

function buildList() {
var span = document.getElementById("list");

// select
var select = document.createElement("select")
var selectAttribute = document.createAttribute("id");
selectAttribute.value = "list";
select.setAttributeNode(selectAttribute);
var selectAttribute = document.createAttribute("onchange");
selectAttribute.value = "alert('event fired');";
select.setAttributeNode(selectAttribute);

// options
var option = document.createElement("option")
selectAttribute = document.createAttribute("value");
selectAttribute.value = "a";
option.setAttributeNode(selectAttribute);
option.appendChild(document.createTextNode(0))
select.appendChild(option)

option = document.createElement("option")
selectAttribute = document.createAttribute("value");
selectAttribute.value = "b";
option.setAttributeNode(selectAttribute);
option.appendChild(document.createTextNode(1))

select.appendChild(option)
span.appendChild(select)
}
</script>
</head>

Thanks,
Cian

Event not fired in IE when option selected

cqhere

orion_rus

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week