xmlHttp.responseText is not working in IE, working fine in Firefox and Google? Help!

[lpfy]

All Code Working fine in Firefox and Google Chrome, But in IE nothing happened!


Ajax Function IN MAIN PAGE

<script language="javascript">
var xmlHttp
function showBabyId(str)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="getbabyid.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("BabyID").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
</script>

HTML IN MAIN PAGE

<strong>Select your StudyID: </strong>
<select name="StudyID" size="1" onchange="showBabyId(this.value)" class="validate-selection"/>
<option value=" ">Please Select one... </option>
<option value=" <%=Session("UserName")%>"> <%=Session("UserName")%> </option>
</select>

<strong>Select your BabyID: </strong>
<select name="BabyID" type="text" id="BabyID" size="1" class="validate-selection"/>
<option value=" ">Please Select StudyID First </option>
</select>


getbabyid.asp for database

<%
response.expires=-1
sql="SELECT tblBaby.BabyID FROM tblBaby WHERE tblBaby.StudyID="
sql=sql & "'" & request.querystring("q") & "'"

set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("test.mdb"))
set rs = Server.CreateObject("ADODB.recordset")
rs.Open sql, conn

response.write(" <option value=' '>Please Select one... </option>")
do until rs.EOF
for each x in rs.Fields
response.write(" <option>" & x.value & " </option>")
next
rs.MoveNext
loop
%>

[toicontien]

IE doesn't like it when you assign innerHTML to a SELECT element, You'll need create remove/create OPTION elements in the SELECT element.

[rnd me]

IE doesn't like it when you assign innerHTML to a SELECT element, You'll need create remove/create OPTION elements in the SELECT element.

or, you can create a container div/span, and .innerHTML the whole select tag/options into it.

[lpfy]

Thanks Problem solved!

It's working in IE

[Designer525]

I have the same problem my script works right in Firefox and not ie, the top livechat button is only in the right place at the top of the navigation in firefox.

document.write("<div class='nav'>")
var lhnJsHost = (("https:" == document.location.protocol) ? "https://" : "https://");
document.write(unescape("%3Cscript src=" + lhnJsHost + "www.livehelpnow.net/lhn/scripts/lhnvisitor.aspx?div=&amp;zimg=32&amp;lhnid=8456&amp;iv=1&amp;iwidth=101&amp;iheight=35&amp;zzwindow=0&amp;d=0&amp;custom1=&amp;custom2=&amp;custom3=' type='text/javascript'%3E%3C/script%3E"))
document.write("</div>");



document.write("<div class='nav' style='color: #0050A3;'>Products <img src='/images/dnav_arrow.gif' width='10' height='10' border='0'></a></div>");


document.write("<div class='nav_l2'><a href='/force_gauge.html'>Force Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-torque.html'>Torque Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-indicat.html'>Sensors &amp; Indicators <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-loadcells.html'>Smart Load Cells <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href=\"javascript: block_closed('menu3','arrow3');\">Test Stands</a> <a href=\"javascript: block_closed('menu3','arrow3');\"><img src='/images/unav_arrow.gif' alt='' id='arrow3' width='10' height='10' border='0'></a></div>");

document.write("<ul id='menu3' class='nav_l3'>");
document.write("<li><a href='/instruments/menu-stands.html'>Motorized Test Stands</a></li>");
document.write("<li><a href='/instruments/menu-manualstands.html'>Manual Test Stands</a></li>");
document.write("</ul>");


document.write("<div class='nav_l2'><a href='/instruments/menu-testsys.html'>Ergonomics Test Kits <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-grips.html'>Grips &amp; Attachments <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-accessories.html'>Accessories <img src='/images/onav_arrow.gif' alt='' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-software.html'>Software <img src='/images/onav_arrow.gif' alt='' id='arrow7' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-testers.html'>Configuring A System <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-legacy.html'>Legacy Products <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav'><a href='/services/general.html'>Services <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/downloads.html'>Downloads <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/news.html'>News <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/warranty.html'>Product Registration <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/applications/index.html'>Gallery <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/inquiries.html'>Inquiries <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav'><a href='/about.html'>About Mark-10</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");

document.write("<div class='nav'><a href=\"javascript: block_closed('menu8','arrow6');\">Where To Buy <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>");

document.write("<ul id='menu8' class='nav_l3'>");
document.write("<li><a href='/order.html'>Ordering Direct</a></li>");
document.write("<li><a href='/distributor-us.html'>US Distributors</a></li>");
document.write("<li><a href='/distributor-intl.html'>International Distributors</a></li>");
document.write("<li><a href='/distributor-catalogs.html'>Catalog / Web Sales</a></li>");
document.write("<li><a href='/gsa.html'>US Government Purchases</a></li>");
document.write("<li><a href='/reseller.html'>Become a Reseller</a></li>");
document.write("</ul>");

document.write("<div class='nav'><a href=\"javascript: block_closed('menu9','arrow6');\">Resources <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>");

document.write("<ul id='menu9' class='nav_l3'>");
document.write("<li><a href='/tools/load.html'>Conversion Calculators</a></li>");
document.write("<li><a href='/faq.html'>Frequent Questions</a></li>");
document.write("</ul>");


document.write("<div class='nav'><a href='/contact.html'>Contact Us</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");

document.write("<div class='nav'><a href='/index.html'>Home</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");


document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/gsa.html'><img src='http://www.mark-10.com/images/GSA-small.gif' border='0'></></div>");
document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/video.html'><img src='http://www.mark-10.com/images/Video-logo.jpg' width='154' height='54' border='0'></></div>");
document.write("<div style='margin-top:15px; text-align:center;'><a href='http://mark-10blog.blogspot.com'><img src='http://www.mark-10.com/images/blogger_logo.png' style='border:0;'><a href='http://www.facebook.com/pages/Mark-10-Force-Measurement/138943942794711'><img src='http://www.mark-10.com/images/facebook-logo.png' style='border:0;'></></div>");
//http://mark-10blog.blogspot.com