Webmaster Forum / HTML, CSS, Scripts / JavaScript / March 2007

I have a select element containing a list of names.
I also have a button to enable the user to enter a new name.
When the user clicks the new name button I want to any option
shown as selected to be unselected.

I do this successfully in FF with the following code:

var numOpts = document.getElementById('myList').length;
for(var i=0;i<numOpts;i++){
   document.getElementById('myList').options[i].selected=false;
}

However IE 7 does not deselect the previously selected option.

Is there some way I can get this to work in IE7 ?

TIA

N