`
Harold_xlp
  • 浏览: 159421 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多
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都能测试成功
分享到:
评论

相关推荐

    下拉列表框经典赋值适合IE火狐

    因此,在实现动态生成下拉列表框的选项时,需要采用不同的方法来确保所有浏览器都能正确显示和操作这些选项。 #### 3. 经典赋值方法详解 在提供的代码示例中,展示了三种不同的方法来动态填充下拉列表框的选项,即`...

    vue-select 多选下拉列表

    vue-select 多选下拉列表,建议用火狐或者谷歌浏览器打开,低版本IE对vue兼容性不好

    用JavaScript来美化HTML的select标签的下拉列表效果

    - 为了在多浏览器下保证兼容性,需要对主流浏览器(如Chrome、Firefox、Safari、IE/Edge等)进行测试,确保在不同环境下都能有良好的表现。 通过上述的方法,开发者可以解决select下拉列表在不同浏览器下默认样式不...

    下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

    然而,不同的浏览器对CSS样式的解析和支持程度不同,尤其是老版本的IE浏览器(如IE6、IE7和IE8)与火狐(Firefox)等其他浏览器之间存在差异。为了确保下拉菜单在各个主流浏览器中都能保持一致的视觉效果,我们需要...

    div 模拟下拉列表

    在兼容性方面,这个技术的目标是确保在主流浏览器如IE、360浏览器以及Firefox中都能正常工作。由于老版本的IE浏览器对某些CSS属性和JavaScript特性支持不佳,因此在实现时需要特别考虑这些浏览器的适配,比如使用...

    jquery美化下拉列表.rar

    10. **兼容性测试**:确保所用的jQuery插件和CSS样式在各种主流浏览器(如Chrome、Firefox、Safari、Edge和IE)上表现一致。 通过这个压缩包中的示例,你可以逐步学习并实践这些知识点,从而在自己的项目中实现优雅...

    解决DIV在IE下被下拉列表select穿透的问题(一)

    本文将深入探讨如何解决一个特定的IE浏览器问题:DIV元素在Internet Explorer(IE)下被下拉列表(select)穿透的问题。 标题提到的“解决DIV在IE下被下拉列表select穿透的问题(一)”是一个典型的老版IE浏览器渲染...

    下拉列表JS操作

    记住,这些操作需要确保浏览器兼容性,因为某些方法在不同浏览器中可能略有不同,如IE和Firefox对`options.add()`的处理。使用DOM操作如`createElement`、`appendChild`和`removeChild`可以提供更标准和兼容的方法,...

    JS+XML 省市区三级联动 支持ie,firefox,Opera

    本方案利用JavaScript(JS)和Extensible Markup Language(XML)来实现这一功能,同时兼容Internet Explorer(IE)、Firefox以及Opera这三种主流浏览器。 首先,我们要理解JS(JavaScript)的作用。JavaScript是一...

    select特色下拉框个性下拉框兼容所有浏览器

    例如,Firefox不支持直接改变`select`元素的背景色,此时可以使用一个覆盖在`select`上的`div`元素来实现自定义背景。 其次,为了实现滚动条的个性化,可以使用`<option>`元素来定义下拉选项,并通过JavaScript或...

    jquery下拉列表特效

    4. 兼容性:DropKick兼容主流浏览器,包括Chrome、Firefox、Safari、Edge和IE9+,并且在触摸设备上表现良好。 四、DropKick的高级用法 1. 自定义选项:通过传递配置对象给`.dropkick()`方法,可以设置下拉列表的...

    无刷新 省市县三级联动下拉列表

    3. 兼容性:确保代码兼容主流浏览器,包括IE、Chrome、Firefox等。 4. 性能优化:对于大数据量的地区信息,可以考虑使用懒加载策略,只在用户滚动到相应区域时才加载相应的数据。 5. 可配置化:允许开发者通过配置...

    几款极好的 JavaScript 下拉列表插件

    - **兼容性**:考虑到跨浏览器兼容性,FancySelect 应该支持主流的现代浏览器,包括 Chrome、Firefox、Safari、Edge 和 IE9 及以上版本。 2. **其他常见插件**: - **Chosen**:Chosen 是另一个广泛使用的下拉...

    好用的兼容IE,FF的下拉菜单

    标题提到的"好用的兼容IE,FF的下拉菜单"显然指的是一个能够同时在Internet Explorer(IE)和Firefox(FF)这两种主流浏览器上正常运行的下拉菜单解决方案。在网页开发中,由于各个浏览器对CSS和JavaScript的支持...

    为select下拉框添加滚动条

    当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...

    jqery 下拉列表框插件

    2. **跨浏览器兼容性**:该插件已经针对IE和火狐等主流浏览器进行了优化,确保在不同环境下都能稳定工作。这意味着无论用户使用哪种浏览器,都能享受到一致的交互体验。 3. **可编辑功能**:除了基本的选项选择外,...

    SelectPage下拉分页插件 v2.19

    避免内容超出可视范围丰富的参数设置及功能API调用支持i18n国际化多语言支持,自带(中文、英文、德文、日文、西班牙文、巴西葡萄牙文)浏览器兼容:IE8+、Chrome、Firefox、Safari等主流浏览器插件基于jQuery开发,...

    jQuery Select 下拉单选框模拟插件 V1.3.6

    jQuery Select V1.3.6通常与jQuery 1.7+版本兼容,对主流浏览器如Chrome、Firefox、Safari、Edge以及IE9+有良好的支持。由于使用了现代JavaScript特性,可能在旧版本的浏览器中存在兼容性问题。为了确保跨平台的稳定...

    Jquery多选下拉列表插件jquery multiselect

    此外,它也支持大部分现代浏览器,包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。 总之,jQuery Multiselect是一个强大且灵活的多选下拉列表插件,它为开发者提供了丰富的功能和自定义选项,让网页中的选择...

    CSS怎么去掉select的下拉箭头样式

    在本篇文章中,我们将介绍如何使用...需要注意的是,在实际开发中,我们可能还需要考虑到其他浏览器以及不同操作系统下的显示差异,因此在完成初步的样式修改后,应当在多种环境下进行测试,确保样式的兼容性和一致性。

Global site tag (gtag.js) - Google Analytics