JavaScript innerHTML не работает для IE?

Question

Я использую вызов ajax для того, чтобы вывести список для моего раскрывающегося списка и назначить его HTML, отлично работает для Mozilla Nad Crome, но для IE он отображает пустой раскрывающийся список

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

Answer 1

Свойство innerHTML имеет некоторые проблемы в IE при попытке добавить или обновить элементы формы. Обходной путь - создать div и установить для него свойство innerHtml перед добавлением в DOM:

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

Answer 2

Если документ XHTML, IE не разрешит устанавливать свойство innerHTML напрямую. Вам нужно будет проанализировать responseText в элементах DOM и заменить содержимое существующего элемента этими элементами.

Answer 3

Может быть, вы можете использовать append().Пример:

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

append() вставляет содержимое в конец выбранного элемента и использует prepend() для вставки в начале выбранного элемента.