Підрахунок кількості тегів опцій у виділеному тезі jQuery

Як підрахувати кількість <option>s в <select>елементі DOM за допомогою jQuery?

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

Я хочу знайти кількість <option>тегів у <select>елементі DOM, оскільки з цим я хочу відкрити панель налаштувань із цією кількістю полів введення з відповідним значенням параметра у спадному вікні в ньому та знову змінити його в попередньому перегляді панель.

Наведене вище спадне вікно знаходиться на моїй панелі попереднього перегляду, яка генерується 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, коли я натискав його, тому у мене був лише елемент $ (це)

так...

Я повинен був зробити:

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

Найкраща форма - це така

$('#example option').length

Ще один підхід, який може бути корисним.

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