web-dev-qa-db-ja.com

ドロップダウンメニューにあるオプションの数を確認するにはどうすればよいですか？

JQueryを使用して、ドロップダウンメニューにあるオプションの数を確認するにはどうすればよいですか？

ありがとう。

jquerydrop-down-menu
101
Autolycus
var length = $('#mySelectList').children('option').length;

または

var length = $('#mySelectList > option').length;

これは、<select>リストのIDがmySelectListであると想定しています。

186
user113716
$("#mydropdown option").length

または、すでに参照されている場合は、

$(myDropdown).find("option").length
10
Matti Virkkunen

長さプロパティ または サイズメソッド を使用して、jQueryコレクションに含まれるアイテムの数を調べます。 子孫セレクター を使用して、<option>内のすべての<select>を選択します。

HTML：

<select id="myDropDown">
<option>1</option>
<option>2</option>
.
.
.
</select>

JQuery：

var numberOfOptions = $('select#myDropDown option').length

また、簡単な注意として、多くの場合、jqueryで非常に具体的なことを行う必要がありますが、最初に非常に具体的なことを確認する必要があります。 lengthプロパティは完璧なツールです。例：

   if($('#myDropDown option').length > 0{
      //do your stuff..
    }

これは「ID = myDropDownのアイテムに子孫の「オプション」がある場合は、必要なことを行ってください」に「変換」します。

7
Adam

これに関する以前の投稿を見るにはここをクリック

基本的には、selectのIDをターゲットにし、これを実行します。

var numberOfOptions = $('#selectId option').length;
5
Munzilla
$('#idofdropdown option').length;

それはそれを行う必要があります。

4
Rob Stevenson-Leggett

特定のselect要素のオプションの数を取得します

$("#elementid option").length
4
Shaji
alert($('#select_id option').length);
3
fantactuka
$('#dropdown_id').find('option').length
3
second
$('select option').length;

または

$("select option").size()
3
nicholasklick

純粋なJavaScriptを使用すると、選択ボックスのIDの長さを呼び出すことができます。より高速になります。通常、ネイティブジャバスクリプトはすべて最新のブラウザでパフォーマンスが向上しています

これはjavascriptで達成できます

     var dropdownFilterSite = document.querySelector( '#dropDownId' );  //Similar to jQuery

var length = dropdownFilterSite.length.

学習に適したウェブサイト

www.youmightnotneedjquery.com

トッド・モットが見るべき良いビデオ

https://www.youtube.com/watch?v=pLISnANteJY

0
Vatsal