更新的代码：
function getElements()
{
var x=document.getElementsByTagName("option");
var el = document.getElementById('selectDept');
el.onmouSEOver = function( myevent ) {
// event = event || window.event.srcElement;
if(myevent && myevent.target){
if ( myevent.target.tagName.toLowerCase() == 'option' ) {
alert(myevent.target.innerHTML);
}
}
else if(window.event)
{
if ( window.event.srcElement.tagName.toLowerCase() != 'select' ) {
alert('s');
}
}
};
但仍然无法在IE中工作.
解决方法
你还不能在整个select上设置一个mouSEOver事件处理程序,如果target是一个选项元素,则定位event属性,执行X动作吗？
var el = document.getElementById('foo')
el.onmouSEOver = function( event ) {
event = event || window.event;
var target = event.target ? event.target : event.srcElement;
if ( target.nodeName.toLowerCase() === 'option' ) {
alert('option');
}
}
更新的代码：
http://jsbin.com/olusi