jQueryの選択タグ内のオプションタグの数を数える

jQueryを使用<option>して<select>DOM要素のs の数を数えるにはどうすればよいですか？

<select data-attr="dropdown" id="input1">
  <option value="Male" id="Male">Male</option>
  <option value="Female" id="Female">Female</option>
</select>

DOM要素<option>内のタグの数を確認したいのですが<select>、ドロップダウンボックスの対応するオプション値を含むその数の入力フィールドで設定パネルを開き、プレビューでもう一度変更します。パネル。

上記のドロップダウンボックスは、jQueryによって生成されるプレビューパネルにあります。

$('#input1 option').length;

これが生成され2ます。

W3Cソリューション：

var len = document.getElementById("input1").length;

どちらの長さのプロパティも使用でき、lengthパフォーマンスが向上しsizeます。

$('#input1 option').length;

または、次のようなサイズ関数を使用できます

$('#input1 option').size(); 

デモ

あなたの質問は少し混乱しますが、パネルにオプションの数を表示したいと仮定します：

<div id="preview"></div>

そして

$(function() {
  $("#preview").text($("#input1 option").length + " items");
});

あなたの質問の残りを理解できているかわかりません。

複数選択オプションボックスでは、を使用$('#input1 :selected').length;して、選択したオプションの数を取得できます。これは、特定の最小数のオプションが満たされていない場合にボタンを無効にするのに役立ちます。

function refreshButtons () {
    if ($('#input :selected').length == 0)
    {
        $('#submit').attr ('disabled', 'disabled');
    }
    else
    {
        $('#submit').removeAttr ('disabled');
    }
}

さて、私は中にいたので、いくつかの問題がありました

$('.my-dropdown').live('click', function(){  
});

ページ内に複数があるため、クラスを使用しました。

私のドロップダウンは、クリックするとajaxリクエストによって自動的に入力されたため、要素$（this）しかありませんでした

そう...

私がしなければなりませんでした：

$('.my-dropdown').live('click', function(){
  total_tems = $(this).find('option').length;
});

一番いい形はこれ

$('#example option').length

便利な別のアプローチ。

$('#select-id').find('option').length