这应该有效：
$('option').hide(); // hide options
它适用于 Firefox，但不适用于 Chrome（可能不适用于 IE，未经测试）。
一个更有趣的例子：
<select>
<option class="hide">Hide me</option>
<option>visible option</option>
</select>
<script type="text/javascript">
// try to hide the first option
$('option.hide').hide();
// to select the first visible option
$('option:visible').first().attr('selected', 'selected');
</script>
或查看http://jsfiddle.net/TGxUf/ 上的示例
是从 DOM 中分离选项元素的唯一选择吗？我需要稍后再向他们展示，所以这不会很有效。
不幸的是，您无法option在所有浏览器中隐藏元素。
过去当我需要这样做时，我已经设置了它们的disabled属性，就像这样......
$('option').prop('disabled', true);
然后，我使用这段 CSS 在浏览器支持的地方使用了隐藏...
select option[disabled] {
display: none;
}
如前所述，您不能display:none单独使用<option>s，因为它们不是正确的 DOM 元素类型。
您可以设置.prop('disabled', true)，但这只会使元素变灰并使它们无法选择——它们仍然占用空间。
一种解决方案我的用途是.detach()在<select>进入页面加载一个全局变量，然后添加回的只有<option>你想按需秒。像这样的东西（http://jsfiddle.net/mblase75/Afe2E/）：
var $sel = $('#sel option').detach(); // global variable
$('a').on('click', function (e) {
e.preventDefault();
var c = 'name-of-class-to-show';
$('#sel').empty().append( $sel.filter('.'+c) );
});
起初我还以为你不得不.clone()在<option>小号追加在他们面前，但显然不是。代码运行$sel后原全局不变click。
如果您不喜欢全局变量，则可以将包含选项的 jQuery 对象存储为元素本身的.data()变量<select>（http://jsfiddle.net/mblase75/nh5eW/）：
$('#sel').data('options', $('#sel option').detach()); // data variable
$('a').on('click', function (e) {
e.preventDefault();
var $sel = $('#sel').data('options'), // jQuery object
c = 'name-of-class-to-show';
$('#sel').empty().append( $sel.filter('.'+c) );
});
我自己对此有所了解，这就是我想出的：
(function($){
$.fn.extend({detachOptions: function(o) {
var s = this;
return s.each(function(){
var d = s.data('selectOptions') || [];
s.find(o).each(function() {
d.push($(this).detach());
});
s.data('selectOptions', d);
});
}, attachOptions: function(o) {
var s = this;
return s.each(function(){
var d = s.data('selectOptions') || [];
for (var i in d) {
if (d[i].is(o)) {
s.append(d[i]);
console.log(d[i]);
// TODO: remove option from data array
}
}
});
}});
})(jQuery);
// example
$('select').detachOptions('.removeme');
$('.b').attachOptions('[value=1]');');
你可以在http://www.jsfiddle.net/g5YKh/看到这个例子
的option元件被从完全除去selectS和可再加入由jQuery选择一次。
在它适用于所有情况之前可能需要一些工作和测试，但它足以满足我的需要。
我知道这有点晚了，但迟到总比没有好！这是实现这一目标的非常简单的方法。只需具有显示和隐藏功能。hide 函数只会将每个选项元素附加到一个预先确定的（隐藏的）span 标签（它应该适用于所有浏览器），然后 show 函数只会将该选项元素移回您的 select 标签。;)
function showOption(value){
$('#optionHolder option[value="'+value+'"]').appendTo('#selectID');
}
function hideOption(value){
$('select option[value="'+value+'"]').appendTo('#optionHolder');
}
隐藏<option>元素不在规范中。但是你可以使用disable它们，这应该可以跨浏览器工作。
$('option.hide').prop('disabled', true);