jquery - 隐藏当前选定的列表框元素 - 适用于 mozilla 而不是 chrome

Question

在网页上，我有一个列表框，里面有一些项目。该行：

    $('#my-list-of-options option:selected').hide();

成功隐藏了 Mozilla 中当前选中的元素。虽然不是铬。我怎样才能让它在 chrome 中工作？

Answer 1

display:none不适用于option. 你可以尝试做出选择disabled

 $('#my-list-of-options option:selected').prop('disabled',true);

小提琴

或者删除该选项并在需要时重新绑定它。将其保存在 select datafor later restore 中，类似这样。

小提琴

Answer 2

chrome（或 ie）不支持选项元素上的 css display:none。

唯一的选择是删除元素：

$('#toppings').change(function(){
    var selected = $('#toppings option:selected');    
    selected.remove();    
});

工作小提琴：http: //jsfiddle.net/basarat/777Jm/

Answer 3

这是jQuery 选择器上的一个很棒的参考卡（尽管可能需要注册才能下载它）。

$('#my-list-of-options option[selected]').hide();