select下拉列表操作,如何兼容于IE和firefox

iteye_5368

于 2010-06-24 11:20:28 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

文章标签： IE Firefox

本文链接：https://blog.youkuaiyun.com/iteye_5368/article/details/81887296

本文介绍如何在Internet Explorer和Firefox浏览器中实现select下拉列表的兼容性操作，包括添加、删除选项及获取文本内容的方法。

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

select下拉列表操作,如何兼容于IE和firefox
1.在为select 添加option时,如果用$('city').add(new Option(array[1],array[0])),只能兼容于ie;
2.删除 option 在 firefox 是 select.remove(selectedIndex)，而不是 options.remove()
输出 option[x].innerText 在 firefox 下用 options[x].textContent（firefox没有innerText，就是用textContent 来替代的）
3.动态删除select中的所有options：
document.getElementById("ddlResourceType").options.length=0;

动态删除select中的某一项option：
var sObj=document.getElementById("ddlResourceType");
sObj.removeChild(sObj.options[indx]);
动态添加select中的项option:
document.getElementById("ddlResourceType").options.add(new Option(text,value));

上面在IE和FireFox都能测试成功