Cannot programmatically select an item in dropdown using Javascript in IE9

kumarkush · June 28th, 2011, 07:29 AM

Hi

I have to dynamically load values in a Drop Down in HTML and pre-select the first item. Here is the code

Code:

function someFunction() {
			            $("#someDropDown").empty();
			            $.tmpl("unitOptionTempl", [{ "Name": data.ResultSet[86].SomePropertySet}]).appendTo("#someDropDown");
			            $.tmpl("unitOptionTempl", [{ "Name": data.ResultSet[87].SomePropertySet}]).appendTo("#someDropDown");
			            document.getElementById('someDropDown').options[0].selected = true;
			            $("#someDropDown").val("mm2/s");
			        }

The code fills the values and makes the first item selected, for IE7, IE8, Chrome, Opera.
But in IE9

, only values are loaded, but item is not selected. I have tried almost everything, but to no avail.

Any idea?

Thanks in advance