Click here to Skip to main content
15,851,453 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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>

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?

Mohibur Rashid 6-May-13 7:19am    
Humm, your onchange function is not available in the second code
sri senthil kumar 8-May-13 9:18am    
Are you adding Onchange event dynamically?
purnananda behera 17-May-13 8:26am    
Yes, It has added from server.
sri senthil kumar 17-May-13 10:57am    
Can you post the code how your loading this onchange event in code behind?
Richard Deeming 16-May-13 9:01am    
I suspect what you're seeing is a bug with the "innerHTML" property, which was fixed in IE9:

I'm not sure why your "onchange" attribute is disappearing; I can't reproduce that using the dev tools to change the document and browser modes.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900