Cross Browser Compatibility Issue with asp.net page

See more:

ASP.NET

Javascript

Hi Experts,

I am facing browser compatibility issue. Problem is a dropdown control is rendering perfect in aspx page in IE9, firefox, Crome browser, Once I have changed the browser mode to IE7 or IE8 then this is not rendering perfect and dropdown is being corrupted.

Please find my scenario bellow and suggest me what to do?

I have collected bellow html string in response body (IE debugger tools in IE7 browser mode) from server for dropdown control.

<select name="ctl00$ctl00$mainTitleContent$mainContent$manageCourseForm$form$A1468211356" id="ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A1468211356" class="DeAcDropDownList" onchange="checkParentValue(this, 'ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A16203655');checkParentValue(this, 'ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A3513724316');">
                <option selected="selected" value=""></option>
                <option value="1">AF</option>
                <option value="2">AU</option>
                <option value="5">CU</option>
                <option value="3">CUC</option>
                <option value="4">GMU</option>
                <option value="6">KUC</option>
                <option value="7">MRU</option>
                <option value="8">UA</option>
                <option value="9">UC</option>
                <option value="10">UL</option>
</select>

I have collected bellow html string in rendered source code (view source of page) for the same dropdown control in IE7 browser mode.

<SELECT id=ctl00_ctl00_mainTitleContent_mainContent_manageCourseForm_form_A1468211356 class=DeAcDropDownList name=ctl00$ctl00$mainTitleContent$mainContent$manageCourseForm$form$A1468211356> <OPTION selected value=""></OPTION> <OPTION value=1>AF</OPTION> <OPTION value=2>AU</OPTION> <OPTION value=5>CU</OPTION> <OPTION value=3>CUC</OPTION> <OPTION value=4>GMU</OPTION> <OPTION value=6>KUC</OPTION> <OPTION value=7>MRU</OPTION> <OPTION value=8>UA</OPTION> <OPTION value=9>UC</OPTION> <OPTION value=10>UL</OPTION></SELECT>

Note: This response body and render output should be same for the dropdown. And you can noticed here onchange event is missing in render output and some formatting also. If I use IE9, firefox and crome then both the response body and render output is same for the dropdown.


Please suggest me what to do?


Thanks,
Purna