Question

我有一个包含ListBox的.aspx页面，ID =＆＃34; lstAvailRates＆＃34;。我试图在默认情况下使用JQuery隐藏这些

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

这样可行，但结果不可取。我想保留ListBox并隐藏项目。以上隐藏了整个ListBox。

MC

Answer 1

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

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

Answer 2

我认为这就是你想要的

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

selector搜索标记为li的元素，该元素属于具有ID的元素lstAvailRates

<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选择元素。

除了第一个选项外，这将隐藏select中的所有元素。假设你有“选择任何是第一个”选项，你想保留它。

$(function(){

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

});