Zliczanie liczby tagów opcji w tagu select w jQuery

Jak policzyć liczbę <option>sw <select>elemencie DOM za pomocą jQuery?

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

Chcę znaleźć liczbę <option>tagów w <select>elemencie DOM, ponieważ za pomocą tego chcę otworzyć panel ustawień z taką liczbą pól wejściowych z odpowiednią wartością opcji z listy rozwijanej w nim i zmienić ją ponownie w podglądzie płyta.

Powyższa lista rozwijana znajduje się w moim panelu podglądu, który jest generowany przez jQuery.

$('#input1 option').length;

To wyprodukuje 2.

Rozwiązanie W3C:

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

Możesz użyć dowolnej właściwości length i wtedy lengthjest lepsza wydajność size.

$('#input1 option').length;

LUB możesz użyć funkcji rozmiaru, takiej jak

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

Próbny

Twoje pytanie jest trochę zagmatwane, ale zakładając, że chcesz wyświetlić liczbę opcji w panelu:

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

i

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

Nie jestem pewien, czy rozumiem resztę Twojego pytania.

W polu opcji wielokrotnego wyboru możesz użyć, $('#input1 :selected').length;aby uzyskać liczbę wybranych opcji. Może to być przydatne do wyłączania przycisków, jeśli pewna minimalna liczba opcji nie jest spełniona.

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

Ok, miałem kilka problemów, ponieważ byłem w środku

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

Miałem wielokrotności na mojej stronie, dlatego użyłem klasy.

Moje rozwijane menu zostało wypełnione automatycznie przez żądanie Ajax, kiedy je kliknąłem, więc miałem tylko element $ (this)

więc...

Musiałem zrobić:

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

Najlepsza forma jest taka

$('#example option').length

Inne podejście, które może być przydatne.

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