CODEWITHSUNDEEP
javascripthtmlxmlhttprequest
user1045373
user1045373

Reputation: 193

JavaScript innerHTML is not working for IE?

I am using ajax call for to bring the list for my drop down and assign it to html,works fine for mozilla nad crome but for IE it displays a blank dropdown

var xmlhttp;

var strURL = "selectedu.php?selectward="+selectward;

if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        if(xmlhttp.responseText=="NOER")
        {
            alert("Select ER Type");
        }
        else
        {
            document.getElementById(id).innerHTML=xmlhttp.responseText;
        }   
    }
}
xmlhttp.open("GET",strURL,true);
xmlhttp.send();

Upvotes: 6

Views: 25896

Answers (3)

Fabricio León
Fabricio León

Reputation: 11

If you're using jQuery you can use append() like this:

$get('yourTargetObjectId').append('<p>this test to add</p>');

append() inserts content at the end of the selected element and use prepend() to insert at the beginning of the selected element.

Upvotes: 1

detaylor
detaylor

Reputation: 7280

If the document is XHTML the IE will not allow the innerHTML property to be set directly. You would need to parse the responseText into DOM elements and replace the contents of the existing element with those elements.

Upvotes: 4

Rich O&#39;Kelly
Rich O&#39;Kelly

Reputation: 41757

The innerHTML property has some problems in IE when trying to add or update form elements, the workaround is to create a div and set the innerHtml property on that before appending to the DOM:

var newdiv = document.createElement("div");
newdiv.innerHTML = xmlhttp.responseText;
var container = document.getElementById(id);
container.appendChild(newdiv);

Upvotes: 8

Related Questions