JQuery'de bir seçim etiketindeki seçenek etiketlerinin sayısını sayma

JQuery kullanarak <option>bir <select>DOM öğesindeki s sayısını nasıl sayabilirim ?

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

DOM öğesindeki <option>etiket sayısını bulmak istiyorum <select>, çünkü bununla birlikte, açılan kutudaki karşılık gelen seçenek değerine sahip bu giriş alanlarıyla ayarlar panelini açmak ve önizlemede tekrar değiştirmek istiyorum panel.

Yukarıdaki açılır kutu jQuery tarafından oluşturulan önizleme panelimde.

$('#input1 option').length;

Bu üretecek 2.

W3C çözümü:

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

Her iki length özelliğini de kullanabilirsiniz ve lengtho zaman daha iyi performans sağlar size.

$('#input1 option').length;

VEYA gibi boyut fonksiyonunu kullanabilirsiniz

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

gösteri

Sorunuz biraz kafa karıştırıcı, ancak bir paneldeki seçenek sayısını görüntülemek istediğinizi varsayarsak:

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

ve

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

Sorunuzun geri kalanını anladığımdan emin değilim.

Çoklu seçim seçenek kutusunda, $('#input1 :selected').length;seçilen seçeneklerin sayısını elde etmek için kullanabilirsiniz . Bu, minimum sayıda seçenek karşılanmadığında düğmeleri devre dışı bırakmak için yararlı olabilir.

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

Tamam, birkaç problemim vardı çünkü

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

Sayfanın içinde katlar vardı, bu yüzden bir sınıf kullandım.

Açılırken tıkladığımda ajax isteği tarafından otomatik olarak dolduruldu, bu yüzden sadece $ (this) öğesi vardı

yani...

Yapmak zorundaydım:

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

En iyi form bu

$('#example option').length

Yararlı olabilecek başka bir yaklaşım.

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