option在IE上隐藏不了问题解决方案

最新推荐文章于 2021-06-03 05:03:43 发布

择一城终老...

最新推荐文章于 2021-06-03 05:03:43 发布

阅读量1.1k

点赞数 1

分类专栏： web前端文章标签：兼容性

本文链接：https://blog.csdn.net/qq_37026273/article/details/99622495

版权

web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了一种在Internet Explorer浏览器中有效隐藏HTML Select元素下Option项的方法。通过使用jQuery的.wrap()方法，将Option元素包裹在一层父元素中并设置display为none，解决了直接操作Option元素在IE上不生效的问题。

摘要由CSDN通过智能技术生成

        $("#selectEventopt option[value='locked']").wrap("<span style='display:none'></span>");
        $("#selectEventopt option[value='label_index']").wrap("<span style='display:none'></span>");

直接找到option元素设置display：none;在ie上不生效，需要给option包裹上一层父元素，然后直接隐藏父元素就好（.wrap()用法见文档）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

择一城终老...

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JS控制显示隐藏兼容问题(IE6、IE7、IE8)

01-21

在IE7中，使用jQuery 显示：$(“#a”).attr(“style”,””); 隐藏：$(“#a”).attr(“style”,”display:none”); 但是显示这个方法在IE8中不行 IE8 显示：$(“#a”).removeAttr(“style”); 隐藏：$(“#a”).attr(“style”,”display:none”); IE6，最怪异，使用display:none不能隐藏select标签下面这两个，经测试，在三个版本中都能正常使用隐藏：document.getElementById(“a”).style.display=”none”; 显示：docume

IE中鼠标经过option触发mouseout的解决方法

09-03

我们将分析这个问题的原因，并提供一种解决方案。在标准的Web开发中，`mouseover`和`mouseout`事件是用于检测鼠标进入和离开元素的重要工具。当鼠标从一个元素移动到另一个元素（包括其子元素）时，`mouseout`事件...

1 条评论您还未登录，请先登录后发表或查看评论

IE下隐藏select的某个option元素

qiongjie_csdn的博客

09-16

1109

背景 hidden在谷歌浏览器上生效，在IE下失效查找资料，可以使用wrap(Element)方法达到效果使用方式隐藏 $(selector).wrap(<span hidden></span>) 显示 $(selector).unwrap(),unwrap方法可以去除当前元素的直接父元素。。。。。后续更新 ...

html下拉框的option隐藏,完美解决html中select的option不能隐藏的问题。

weixin_36337502的博客

06-03

2517

开发过程中无意遇到这个问题,解决问题第一时间就是百度。结果得到如下方法：1、首先设置option的display:none的方案肯定是不可行了；2、某网友提出的两种方案：a.在option标签上面加上disabled="disabled"属性，表示不可用，这种方案只是让option不能选择，但没有隐藏掉b.如果想隐藏掉，只能把option从DOM树中去除，然后对去除的option进行缓存，在要显示...

解决IE下select option不支持display none样式

weixin_30467087的博客

08-20

230

万恶的IE，option竟然不支持display样式，想到的解决思路有二个：　　1、ajax联动查询　　2、jQuery的remove()、after()方法方法1的不好之处是初始页面，需要显示全部IP，本来已经从后台查询了一次，如果再利用ajax，会给服务器造成压力，所以采用方法2。后台code // 获取所有平台类型IP$vcenter_ip = $this-&gt...

select option隐藏（兼容IE，firefox）

luobaobin的博客

11-23

1049

function search_sd_checkbox(selectId, searchText){ searchText = searchText || ''; var select = document.getElementById(selectId); if(!select) return false; var backupData = getOrCrea

IE不支持option的display样式，只能使用remove和add

09-05

然而，这个在Firefox等现代浏览器中正常工作的解决方案，在Internet Explorer 6、7、8中遇到了障碍。 `<option>`元素是`<select>`下拉列表中的一个条目，用于用户选择特定的值。CSS的`display:none`属性通常用于...

js解决select下拉选不中问题

10-25

总的来说，这个示例通过在鼠标悬停事件中加入逻辑判断，解决了在下拉列表弹出后，如果鼠标移动到option元素上导致下拉列表不正确隐藏的问题。这种方法能够确保用户体验，使得下拉列表在需要时能够正确显示，不受到...

基于Jquery模拟Select,解决IE显示问题

05-14

Internet Explorer，特别是早期版本，如IE6、7和8，存在一些与CSS兼容性和渲染问题，导致Select元素在样式控制上可能不尽如人意。此外，某些复杂的Select功能，如多选、搜索过滤等，在IE上实现起来比较困难。因此，...

SELECT在浏览器中相关Bug整理

01-19

解决方法：JQueryUI的做法是在IE6下当触发弹出层时，将想覆盖住的select隐藏在IE7及以下虽然disabled 对 select能起作用，但对select下的option却无效。解决方法通常是判断浏览器，如果是IE7以下的话，则当...

IE浏览器不支持display:none导致option不能隐藏的问题

韦观松のBóKè

04-28

9958

项目场景：级联的select元素，根据一级select的选择，二级select中的option选项需要对应的隐藏或显示。原来的做法是display:none和display:block来隐藏和显示option，option中通过自定义属性data-category过滤，控制option的隐藏或显示，结果在IE浏览器中并不能达到想要的效果，通过网络查找，是因为IE浏览器不支持display:no

让IE的option支持双击/单击事件

weixin_34128839的博客

08-03

179

众所周知,在IE里, select的option是不支持onclick事件的, 而在FF 和 OPERA 里, option 是支持onclick事件的. (safari似乎也不支持,不过暂时我还不知道如何解决safari的问题.) 虽然onchange在某些时刻可以代替 option的click事件, 但是两者并无法做到完全等价. 因为onchange只有在你点击的option和之前的opti...

IE的option标签单击事件无法触发的解决方法

u011482763的博客

11-05

1614

说明： 1、下面使用的代码仅适用于于IE浏览器，测试环境为IE8. 2、下面的代码来自于网络，我做了下闭包的整合情景说明：对于这样的一个select标签： [html] view plain copy select id="s"> option onkeydown="onkeyDown(this)" onkeypress="o

关于下拉框option在IE下jquery方法hide()无效的解决办法

lexluse的博客

09-08

3843

因为【month.hide()】无效，所以采用【month.wrap("<span style='display:none'></span>");】的方式来隐藏。【month.show()】由【month.replaceAll(monthP);】这个month子节点来代替包裹着【span】的父节点来显示。

兼容ie select option 显示隐藏

mrhaoxiaojun的博客

08-16

8153

一级分类五险一金企业服务员工服务二级分类社会保险服务公积金服务社保账户服务公积金账户服务社保日常服务公积金日常服务 //将option序列到数组中var childselectAry = $("#childselect option.pid").map(function(){return $(this).conte