Подсчет количества опций тега в элементе Select Dom в JQuery

Question

Как подсчитать количество опций в выбранном элементе DOM с помощью jQuery?

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

Я хочу найти количество тегов параметров в элементе select DOM, поскольку при этом я хочу открыть панель «Настройки» с таким количеством полей ввода с соответствующим значением параметра из раскрывающегося списка и изменить это снова на панели предварительного просмотра.

Если в моей панели предварительного просмотра, сгенерированной jQuery, есть раскрывающийся список выше.

Answer 1

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

Это даст 2.

Вот рабочая Скрипка

Answer 2

Решение W3C:

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

Answer 3

Вы можете использовать либо length свойство и length лучше, чем size.

$('#input1 option').length;

ИЛИ вы можете использовать размер , например,

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

Демо

Answer 4

Ваш вопрос немного сбивает с толку, но предполагается, что вы хотите отобразить количество опций на панели:

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

и

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

Не уверен, что понимаю остальную часть вашего вопроса.

Answer 5

В окне выбора нескольких параметров вы можете использовать $('#input1 :selected').length;, чтобы получить количество выбранных параметров. Это может быть полезно для отключения кнопок, если определенное минимальное количество параметров не выполняется.

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

Answer 6

Хорошо, у меня было несколько проблем, потому что я был внутри

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

У меня были кратные внутри моей страницы, поэтому я использовал класс.

Мой выпадающий список был автоматически заполнен запросом ajax, когда я щелкнул по нему, поэтому у меня был только элемент $ (this)

так ...

Я должен был сделать:

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

Answer 7

Лучшая форма это

$('#example option').length

Answer 8

Другой подход, который может быть полезен.

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