select 对象的innerHTML在ie下少一个option 解决方法

skyhackvip

于 2010-01-20 14:01:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript技术文章标签： ie

本文链接：https://blog.youkuaiyun.com/skyhackvip/article/details/5216901

javascript技术专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种在Internet Explorer浏览器中动态生成下拉选择框（select元素）时遇到的问题及解决方案。通过将select元素放置在一个span标签内并利用JavaScript动态修改其innerHTML属性的方法，可以有效解决IE下select元素子项不显示的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select name="xinghao" id="xinghao"> </select> xinghao += '<option>请选择型号</option>'; for(var i=0; i<result.length; i++) { xinghao += '<option value="' + result[i].id + '">' + result[i].name + '</option>'; } xinghao += '</option>'; document.getElementById('xinghao').innerHTML=xinghao;

这么做在ff下完全可以，在ie下会显示不出来，研究源代码一看竟然前面的<option>没有了。

解决方法

<span id="xinghaospan"> </span> var xinghao = '<select name="xinghao">'; xinghao += '<option>请选择型号</option>'; for(var i=0; i<result.length; i++) { xinghao += '<option value="' + result[i].id + '">' + result[i].name + '</option>'; } xinghao += '</option>'; document.getElementById('xinghaospan').innerHTML=xinghao;