6

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();
Amar Palsapure
  • 9,590
  • 1
  • 27
  • 46
user1045373
  • 193
  • 2
  • 4
  • 12
  • Can you post some more code for this? If possible try http://jsfiddle.net – Amar Palsapure Jan 25 '12 at 09:01
  • can you detail: which tagName is your element and, how you create and make your XHR call ? – BiAiB Jan 25 '12 at 09:01
  • 2
    ...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 Jan 25 '12 at 09:03

3 Answers3

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);
Rich O'Kelly
  • 41,274
  • 9
  • 83
  • 114
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.

detaylor
  • 7,112
  • 1
  • 27
  • 46
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.

silviot
  • 4,615
  • 5
  • 38
  • 51
Fabricio León
  • 11
  • 1