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/