JQuery隐藏列表框中的项目

Question

我有一个.aspx页面，其中包含一个ListBox，ID =“lstAvailRates”。我试图隐藏这些默认使用JQuery

$(document).ready(function() 
{$('#lstAvailRates').hide(); 
}); 

这样的工作，但结果是不可取的。我想保留列表框并隐藏项目。上面隐藏了整个ListBox。

MC

Answer 1

$(document).ready(function() { 
    $('#lstAvailRates').find('option').hide(); 
}); 

从选择查找选项元素和隐藏它们。只需将“find”参数更改为要隐藏的＃1stAvailRates元素中的任何元素即可。

Answer 2

我想这是你想要的

$(document).ready(function(){ 
    $('#lstAvailRates li').hide(); 
}); 

的selector检索算法对于属于一个元素与ID lstAvailRates

标签 li一个元素

<ul id="lstAvailRates"> 
<li>This will be hidded</li> 
<li>This will be hidded</li> 
<li>This will be hidded</li> 
</ul> 

Answer 3

列表框是根据select到维基百科。 所以你要做的

$(document).ready(function() { 
    $('#lstAvailRates').find('option').hide(); 
}); 

Answer 4

列表框将呈现为在浏览器中的HTML选择元素。

这将隐藏除第一个选项之外的所有元素。假设你有“选择任何一个是第一个”选项，你想保持这一点。 。

$(function(){ 

    $("#lstAvailRates option").each(function(){   
     $(this).hide(); 
    });  

});​ 

工作样本：http://jsfiddle.net/PBzuQ/7/