ListBox内の項目を非表示にするJQuery

ListBox、ID = "lstAvailRates"を含む.aspxページがあります。私はデフォルトでJQueryを使ってこれらを隠そうとしていますListBox内の項目を非表示にするJQuery

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

これは機能しますが、結果は望ましくありません。私はListBoxを保持し、アイテムを非表示にしたい。上記はListBox全体を非表示にします。 MC

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

は、選択からオプションの要素を検索し、それらを隠します。＃一階建ての要素の中のどの要素を非表示にするかを 'find'の引数に変更してください。

2012-03-21 15:23:20 danblundell

をも短縮することができます：ワーキングサンプル

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

$（ '＃のlstAvailRates李'）非表示（）;または$（ 'li'、＃lstAvailRates '）。hide（）;これが理にかなっていれば – GnrlBzik

完全に働いた - ありがとう！ –

私は、これはあなたがID lstAvailRates

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

2012-03-21 15:25:15

を持つ要素に属しタグliを持つ要素のための

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

selector serachは、リストボックスが応じselectで欲しいものだと思いますウィキペディアへだから、リストボックスには、ブラウザでHTMLのselect要素としてレンダリングされます

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

2012-03-21 15:27:08

を行う必要があります。

これは、最初のオプションを除いて、選択内のすべての要素を非表示にします。 "あなたは最初のものを選択する"オプションがあり、それを保持したいと仮定します。。http://jsfiddle.net/PBzuQ/7/

2012-03-21 15:28:10 Shyju

答えて