jquery之试图隐藏选择列表中的选项..不适用于 chrome 和 ie

我有一个选择列表，其中有很多选项。根据某些输入，我想从选择列表中隐藏一些选项。为了隐藏选择列表中的选项，我编写了像

$('#selectlist1 option').each(function(){   
 
   $(this).hide(); 
 
}) 

但是这段代码似乎只适用于 Firefox，不适用于 chrome 和 ie。而如果我写

$('#selectlist1').hide(); 

它适用于所有浏览器。有什么指针我应该看哪里吗？

请您参考如下方法:

这是一种相对简洁的方法，可以根据需要使用新选项重建选择列表。这适用于动态插入的选项(这是 IE 和 Chrome 的显示和隐藏问题)

$().ready(function() { 
    //store a reference 
    var select = $('#myselect'); 
}); 
 
function rebuild_select(arr_new_options) { 
    var parent = select.parent(); 
    select.empty(); 
    var clone = select.clone(); 
    select.remove(); 
    for(var x=0; x < arr_new_options.length; x++) { 
        clone.append(arr_new_options[x]); 
    } 
    parent.append(clone); 
    select = clone; 
}