`
wnzz95391511
  • 浏览: 126544 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery实现IE浏览器上不支持的option disable选项

阅读更多
可怜的IE,不支持select 中option的disabled属性
现在要做一个级联select菜单,前一个选择最小值,后一个选择最大值,利用JS可以实现在选择最小值后,将最大值中比最小值小的元素disabled。
可惜IE不支持disable="disabled"属性。

参考URL如下:
http://dennisbloete.de/tags/jquery/

利用JQuery实现了IE中diabled属性
$(document).ready(function(){
  // Disabled options fix for Internet Explorer
  $('select').each(function(){
    this.rejectDisabled = function(){
      if (this.options[this.selectedIndex].disabled){
        if (this.lastSelectedIndex) {
          this.selectedIndex = this.lastSelectedIndex;
        } else {
          var first_enabled = $(this).children('option:not(:disabled)').get(0);
          this.selectedIndex = first_enabled ? first_enabled.index : 0;
        }
      } else {
        this.lastSelectedIndex = this.selectedIndex;
      }
    };
    this.rejectDisabled();
    this.lastSelectedIndex = this.selectedIndex;
    $(this).children('option[disabled]').each(function(){
      $(this).css('color', '#CCC');
    });
    $(this).change(function() {
      this.rejectDisabled();
    });
  });
});
分享到:
评论

相关推荐

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

    在IE浏览器中,给select的options设置 disable属性 是没用的。 必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果,因为输出...

    解决developer tools在IE中不起作用的问题

    Developer Tools是IE浏览器中的一款强大的开发工具,它提供了许多实用的功能,例如调试、检查元素、网络请求等,但是在某些情况下,Developer Tools可能无法正常工作,尤其是在IE浏览器中。今天我们将探讨解决...

    Jquery UI 选项卡实例

    jQuery UI的选项卡组件支持响应式布局。通过调整CSS样式,可以根据不同屏幕尺寸改变选项卡的展示方式。 8. **自定义回调函数** 选项卡组件允许设置回调函数,例如在切换选项卡时执行某些操作: ```javascript $...

    强大的jquery模拟选择框插件Chosen实现了选项分组.zip

    这个插件的主要功能是实现选项分组,使得在大型多选列表中能够更加方便地管理和浏览选项。下面我们将深入探讨Chosen插件的核心特性、使用方法以及其在前端开发中的应用。 1. **核心特性** - **自适应高度**:...

    jquery contextmenu鼠标右键点击页面弹出菜单选项

    `jQuery.contextmenu`的基本用法是在元素上绑定一个事件监听器,当用户在该元素上右键点击时,会触发预定义的菜单选项。以下是一些关于如何使用`jQuery.contextmenu`的关键知识点: 1. **安装与引入**:首先,你...

    jquery 实现下拉选择框方便好看的选择样式

    disable_search_threshold: 10, // 当选项少于10个时,不显示搜索框 width: "auto", // 自动调整宽度 allow_single_deselect: true // 单选框允许取消选择 }); ``` 在实际项目中,可能还需要处理动态加载数据或...

    adb,支持adb disable-verity命令,解锁system分区

    要使用这个命令,首先你需要一个已经重新编译的adb版本,这个版本包含了对`disable-verity`命令的支持。这通常涉及到获取adb源代码,然后按照Android的构建流程进行编译,添加或修改必要的部分来实现这个功能。在...

    用jquery设置按钮的disabled属性的实现代码

    在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...

    jquery拖动排序插件制作选项列表拖动排序代码

    本文将深入探讨如何使用jQuery实现一个拖动排序插件,以实现选项列表的动态排序功能。 首先,我们需要理解jQuery的核心概念。jQuery通过提供一系列方便的函数,使得开发者能够快速操作DOM(Document Object Model)...

    jquery的下拉框检索js

    《jQuery下拉框检索功能——Chosen插件详解》 在网页开发中,下拉框(Select)是一种常见的用户交互元素,它用于提供一组预定义的选项供用户选择。然而,原生的HTML下拉框在用户体验和功能扩展上存在局限,尤其是在...

    Jquery ComboBox

    假设我们有一个ComboBox,需要在用户选择新选项时显示一个警告消息,可以这样实现: ```javascript $("#myComboBox").combobox({ select: function(event, ui) { alert("Selected: " + ui.item.value); } }); ``...

    jquery下拉列表插件

    `selectBox` 插件则通过jQuery实现了以下主要功能: 1. **样式定制**:默认情况下,浏览器对`<select>`元素的渲染风格各异,`selectBox`允许开发者使用CSS自定义下拉列表的外观,使其在不同浏览器间保持一致的视觉...

    (免费)提供 adb -disable-verity 支持

    此adb工具包中包含了adb disable-verity命令,这里免费提供给大家使用,具体可看本人的文章 ”/system/bin/sh: disable-verity: not found 的解决方案“ 【使用方式】 platform-tools解压后即可使用。在cmd中通过cd...

    jquery.combobox

    3. **多选支持**:尽管通常情况下 `combobox` 只用于单选,但通过配置,`jQuery.combobox` 也可以实现多选功能。 4. **事件响应**:该组件提供了丰富的事件接口,如 `onChange`、`onBlur` 和 `onFocus`,开发者可以...

    jquery.multiselect 下拉多选插件 下拉复选框插件

    此外,该插件支持多种配置选项,比如可以设置筛选功能,让用户能够快速找到所需的选项;也可以调整样式,以匹配网站的整体设计风格,增强视觉一致性。 在实际应用中,jQuery Multiselect插件的使用非常直观。首先,...

    jquery div拖动排序效果代码.zip

    本教程将详细讲解如何利用jQuery实现一个div元素的拖动排序效果,结合CSS样式,创建出一款从左到右慢慢展开且可自由拖动排序的特效。 首先,我们需要在HTML中设置好基础结构。创建一系列的div元素,每个div代表一个...

    jqueryUi基础教程

    Effect 方法用于在元素上应用特定的动画效果,不涉及元素的显示或隐藏状态。 **依赖的 JS 库:** - jQuery 核心库 - `jquery.ui.effect.js` **调用方法:** ```javascript $("#element").effect("effectName", ...

    jQuery实现拖拽排序插件Sortable.js.zip

    Sortable.js 是一个基于 jQuery 的轻量级拖拽排序插件,它使得在网页上通过鼠标拖放元素进行排序变得简单易行。这个插件适用于那些需要动态调整列表顺序的场景,比如任务管理器、购物车或者任何需要用户自定义顺序的...

Global site tag (gtag.js) - Google Analytics