posts - 0, comments - 77, trackbacks - 0, articles - 356
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

select innerHTML在IE和FireFox下处理

Posted on 2008-01-02 09:37 semovy 阅读(2081) 评论(1)  编辑  收藏 所属分类: JavaScript
在前一段时间,做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);
    }  
}


评论

# re: select innerHTML在IE和FireFox下处理  回复  更多评论   

2008-08-20 17:03 by dl
顶!证明该方法可用

只有注册用户登录后才能发表评论。


网站导航: