使用jQuery隐藏IE中的选择选项

Question

目前我使用jQuery使用以下代码隐藏/显示选择选项。$("#custcol7 option[value=" + sizeValue + "]").hide();这在Firefox中运行良好，但在其他浏览器中没有任何好处。如何隐藏Chrome，Opera和IE中的选项？

Answer 1

我认为meder提供了有效的答案，在这里略有改动以反映对我有用的东西：

$.fn.optVisible = function( show ) {

    if( show ) {

        this.filter( "span > option" ).unwrap();

    } else {

        this.filter( ":not(span > option)" ).wrap( "<span>" ).parent().hide();

    }

    return this;}

测试（长期使用BrowserStack）：

• Windows XP：IE 6.0，Firefox 3.0，Safari 4.0，Opera 10.0，Chrome 14.0

• Windows 8：IE 10.0 Metro

• iOS 3.2（iPad），iOS 6.0（iPhone 5）

• Android 1.6（索尼Xperia X10）

Answer 2

你没有，它在IE中不受支持（并且可能不支持Chrome或Opera）。如果您希望它们真正不可见，则必须完全删除这些选项并稍后再添加它们。但在大多数情况下，简单disabled="disabled"就足够了，并且比处理删除和添加选项简单得多。