JavaScript innerHTML is not working for IE?

Question

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();

Can you post some more code for this? If possible try jsfiddle.net — Amar Palsapure
– Amar Palsapure, Commented Jan 25, 2012 at 9:01
can you detail: which tagName is your element and, how you create and make your XHR call ? — BiAiB
– BiAiB, Commented Jan 25, 2012 at 9:01
...and here we see the StackOverflowers in their natural habitat. Hungry for code they quickly swarm the new questions and poke and prod until the questioner has excreted every last iota of script. — mowwwalker
– mowwwalker, Commented Jan 25, 2012 at 9:03

Rich O'Kelly · Accepted Answer · 2012-01-25 09:02:57Z

8

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);

answered Jan 25, 2012 at 9:02

Rich O'Kelly

41.8k9 gold badges87 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

detaylor · Accepted Answer · 2012-01-25 09:04:06Z

4

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.

answered Jan 25, 2012 at 9:04

detaylor

7,3001 gold badge29 silver badges46 bronze badges

Comments

silviot · Accepted Answer · 2020-08-31 13:02:07Z

1

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.

edited Aug 31, 2020 at 13:02

silviot

4,7886 gold badges41 silver badges54 bronze badges

answered Jul 29, 2016 at 19:09

Fabricio León

111 bronze badge

Collectives™ on Stack Overflow

JavaScript innerHTML is not working for IE?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related