`

jquery ie6 select option 显示隐藏解决方案

    博客分类:
  • js
 
阅读更多

jquery ie6 select option 显示隐藏解决方案

 

 

首先的说明 .hide() , .show() 在天煞的IE6下对option 的操作根本不好使!苦恼ing....

 

庆幸最终解决,方案如下:

 

 

 

 $("#juapkSelect").children("span").children("option[value=1]").unwrap();
 $("#juapkSelect").children("option[value=2]").wrap('<span>').hide();
 

 

分享到:
评论

相关推荐

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

    本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...

    jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全

    jQuery提供了一个解决方案,通过动态调整select元素的宽度来适应option的内容,以确保在IE 6/7/8中正确显示所有文本。下面是对这个问题的详细解析和解决方案: 1. **问题分析**: - 在标准浏览器中,下拉框的宽度...

    jquery select美化 select插件下拉框美化成类似菜单风格(兼容很好).zip

    总结来说,这个“jquery select美化”插件是一个优秀的解决方案,它能够帮助开发者轻松地将传统的HTML select元素转换为美观、交互友好的菜单样式,同时保持良好的跨浏览器兼容性。在实际项目中,这样的插件能够提升...

    用jQuery解决IE不支持的option disable属性

    在互联网的早期,由于浏览器兼容性问题,开发者经常面临各种挑战。其中一个例子是IE(Internet Explorer)浏览器不支持`&lt;option&gt;`元素的`disable`属性。...对于处理遗留的IE兼容性问题,这样的解决方案非常实用。

    jquery多选框

    4. `jquery.bgiframe.js`:这是一个jQuery插件,主要用于解决在IE6和IE7下浮动元素与背景图片重叠的问题,确保多选框在这些旧版浏览器中的正确显示。 5. `前端页面.text`:这个文件很可能包含了一个或多个示例页面...

    JQuery操作Select的Options的Bug(IE8兼容性视图模式)

    在IE8兼容性视图模式下,JQuery可能无法正确地处理Select的Options,导致用户在尝试选择下拉列表中的选项时,虽然选项存在,但在界面中却没有显示出来。这种情况通常在级联下拉框中尤为明显,即一个下拉框的值变化会...

    jquery制作属于自己的select自定义样式

    这种方法允许开发者根据需要定制Select的外观和行为,同时保持良好的跨浏览器兼容性,尤其对于需要在旧版本IE浏览器中运行的项目,这是一种非常实用的解决方案。通过这种方式,我们可以摆脱原生Select样式不统一的...

    关于select标签的高度设置在ie6/ie7下兼容心得

    1. **使用JavaScript或jQuery插件**:一种常见的解决方案是使用JavaScript库,如jQuery,来模拟`&lt;select&gt;`元素,创建自定义的下拉菜单。这种方法可以提供更多的定制选项,包括高度设置,但可能会增加页面加载时间和...

    jquery.multiSelect下拉多选

    6. `jquery.bgiframe.min.js`:这是一个背景iframe插件,用于解决在某些IE浏览器中的Z-index问题,确保下拉框能正确显示在其他元素之上。 使用jQuery.multiSelect的基本步骤如下: 1. 在HTML中创建一个`&lt;select&gt;`...

    Jquery省市级联菜单

    本文将深入探讨如何使用jQuery来创建省市级联菜单,以及其中可能遇到的问题和解决方案。 ### 1. 基本原理 省市级联菜单的核心是动态更新下拉菜单的内容。当用户选择一个省份时,根据省份ID通过AJAX请求获取对应的...

    jquery select动态加载选择(兼容各种浏览器)

    这个解决方案不仅适用于动态加载选项,还适用于在用户操作后更新`&lt;select&gt;`的值。 总之,使用jQuery进行select动态加载是提高用户体验的有效方法,尤其是当数据量大或者需要实时更新时。通过适当的兼容性处理,我们...

    jquery select选中的一个小问题

    - 对于需要支持IE6的项目,还需要考虑其他的兼容性解决方案,比如使用Polyfill库或额外的CSS/JS代码来增强兼容性。 #### 六、最佳实践 1. **推荐使用`val()`方法**: - 对于操作`&lt;select&gt;`元素及其`&lt;option&gt;`子...

    SELECT在浏览器中相关Bug整理

    这个问题可以通过使用JQueryUI的一个技巧来解决,即在IE6下显示弹出层时,将`SELECT`元素临时隐藏,以避免它遮挡其他内容。 其次,IE7及以下版本的一个问题在于,即使`SELECT`元素被`disabled`属性禁用,其内部的`...

    jquery下拉列表特效

    总结,jQuery的DropKick插件为开发者提供了强大且灵活的下拉列表解决方案,极大地提升了用户体验。通过掌握其用法,我们可以更自由地设计和控制网页中的下拉列表,从而打造更加吸引人的交互式Web应用。

    jquery select下拉框操作的一些说明

    现在,我们对这些常见问题以及解决方案进行详细说明。 ### 静态Select项目 如果下拉框中的项目是在页面加载时就确定好的,也就是说项目是静态的,那么可以直接使用jQuery的.val()方法来设置下拉框的选中项,示例...

    FancySelect是一个易于使用的jQuery选择框插件

    FancySelect就是这样一款优秀的jQuery插件,它为开发者提供了简单易用的解决方案,使普通的下拉选择框变得时尚且功能丰富。 FancySelect的主要特点在于它的外观设计和交互体验。它将传统的HTML `&lt;select&gt;` 元素转化...

    jQuery插件实现可输入和自动匹配的下拉框

    在现代网页设计中,下拉框是一种常见的用户界面元素,用于从多个选项中进行选择。然而,传统的下拉框往往只能...虽然不同的插件有着不同的优缺点,但是通过细致的配置和样式调整,总能找到最适合项目需求的解决方案。

    下拉列表js实现搜索功能

    // 如果option的文本包含搜索值,显示该选项,否则隐藏 if (option.textContent.toLowerCase().includes(searchValue.toLowerCase())) { option.style.display = ''; } else { option.style.display = 'none'; ...

    Selecter:用于替换默认选择元素的 jQuery 插件

    **jQuery Selecter插件详解** `Selecter`是一款基于jQuery的插件,旨在提供一个更加美观、功能丰富的选择元素替代方案。...对于那些寻求更强大、更现代选择器解决方案的开发者,可以考虑转向其他活跃维护的库。

Global site tag (gtag.js) - Google Analytics