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

Question

目前我使用jQuery使用以下代码隐藏/显示选择选项。

$("#custcol7 option[value=" + sizeValue + "]").hide();

这在Firefox中运行良好，但在其他浏览器中没有任何好处。如何隐藏Chrome，Opera和IE中的选项？

Answer 1

我认为meder提供了有效的答案，在这里略有改动以反映对我有用的东西：$.fn.optVisible = function( show ) {&nbsp; &nbsp; if( show ) {&nbsp; &nbsp; &nbsp; &nbsp; this.filter( "span > option" ).unwrap();&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; this.filter( ":not(span > option)" ).wrap( "<span>" ).parent().hide();&nbsp; &nbsp; }&nbsp; &nbsp; return this;}测试（长期使用BrowserStack）：Windows XP：IE 6.0，Firefox 3.0，Safari 4.0，Opera 10.0，Chrome 14.0Windows 8：IE 10.0 MetroiOS 3.2（iPad），iOS 6.0（iPhone 5）Android 1.6（索尼Xperia X10）

Answer 2

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