select innerHTML在IE和FireFox下处理

lwg2001s

在前一段时间,做ajax的时候,碰到了这样的问题：
<form name=form1 action='#' method=post>
<select name=typelist id=typelist>
<option value=0>=请选择=</option>
</select>
</form>

下面是一个jscript函数

<script language=javascript type='text/javascript'>
function getTypeById(){
    var obj = document.getElementById('typelist'); 
    var result = "";
    for(var i = 1; i < 6; i++ ){
       result += "<option value="+i+">"+i+"</option>" ;
    }
    obj.innerHTML = result; 
}
</script>

出现的结果<select></select>中的内容在IE下运行为空白，而在FireFOx中运行正确。

针对这样情况的解决办法是换另一种方法做

function getTypeById(id){ 
    var s=document.getElementById(id); 
    for(var i = 1; i < 6; i++ ){
       s.options[s.options.length] = new Option(i,i);
    }
}