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


110

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

ありがとう。

回答:


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

または

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

これは、<select>リストのIDがであることを前提としていますmySelectList


.children('option').length;.done({});でajaxを使用して選択リストに動的に入力した後、実際のオプション数/ select.lengthを取得できる唯一の方法でした。.append()を使用します。行くぞ!
yardpenalty.com 2016年

選択されたオプションの長さはこれが正しい「$( '
。search


8

lengthプロパティまたはsizeメソッドを使用して、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のアイテムに子孫の 'オプション'がある場合、次のように変換されます。必要な操作を行ってください。







3
$('select option').length;

または

$("select option").size()

.size()連鎖したい場合に便利です
adardesign

.size()は整数と整数を返すため、連鎖できません。チェーンできるのは、jQueryオブジェクトを返すメソッドのみです。
Russ Bradberry、2010

0

純粋なJavaScriptでは、選択ボックスのIDの長さを呼び出すだけです。より速くなります。通常、すべてのネイティブJavaScriptが最新のブラウザでますます優れたパフォーマンスを発揮します

これは、JavaScriptで次の方法で実現できます。

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

var length = dropdownFilterSite.length.

いくつかの学習のための良いウェブサイト

www.youmightnotneedjquery.com

Todd Mottoがご覧になる良い動画

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.