Як перевірити, скільки варіантів є у спадному меню?

110

Як перевірити, за допомогою jQuery, скільки варіантів є у спадному меню?

Дякую.

jquery drop-down-menu

201

var length = $('#mySelectList').children('option').length;

або

var length = $('#mySelectList > option').length;

Це передбачає, що ваш <select>список має ідентифікатор mySelectList.

— користувач113716
джерело

.children('option').length;був єдиним способом я міг отримати фактичний кількість варіантів / select.length після того, як я динамічно заповнив свій список вибору через ajax у .done ({}); використовуючи .append (). Шлях!

— yardpenalty.com

для довжини вибраних опцій це правильне "$ ('. параметр пошуку-вибору: вибрано"). довжина "

— Youssef Boudaya

10

$("#mydropdown option").length

Або якщо ви вже отримали посилання на нього,

$(myDropdown).find("option").length

— Матті Віркюнен
джерело

8

Скористайтеся властивістю length або методом розміру, щоб дізнатися, скільки предметів знаходиться у колекції jQuery. Використовуйте селектор нащадків, щоб вибрати все <option>в межах<select> .

HTML:

<select id="myDropDown">
<option>1</option>
<option>2</option>
.
.
.
</select>

JQuery:

var numberOfOptions = $('select#myDropDown option').length

І швидка примітка, часто вам потрібно буде зробити щось у jquery для дуже конкретної речі, але спершу потрібно переконатися, чи існує сама конкретна річ. Властивість довжини - ідеальний інструмент. приклад:

   if($('#myDropDown option').length > 0{
      //do your stuff..
    }

Це "перекладається" на "Якщо у елемента з ідентифікатором = myDropDown є опція", перейдіть до того, що вам потрібно зробити.

— Адам
джерело

5

Натисніть тут, щоб побачити попередню публікацію про це

В основному просто націлюйте на ідентифікатор обраного і робіть це:

var numberOfOptions = $('#selectId option').length;

— Munzilla
джерело

дивіться мій коментар до @Shaji

— Russ Bradberry

4

$('#idofdropdown option').length;

Це повинно це робити.

— Роб Стівенсон-Леггетт
джерело

4

Отримайте кількість варіантів у конкретному елементі вибору

$("#elementid option").length

— Шарджіл Азіз
джерело

Немає переваги використовувати ".size" over ".length", який трохи швидше.

— Russ Bradberry

3

alert($('#select_id option').length);

— фантактука
джерело

3

$('#dropdown_id').find('option').length

— другий
джерело

3

$('select option').length;

або

$("select option").size()

— nicholasklick
джерело

.size()корисно, якщо ви хочете ланцюг

— adardesign

.size () повертає і ціле, і, отже, не може бути ланцюговим. Ви можете ланцюжок методів, які повертають об'єкти jQuery.

— Russ Bradberry

0

За допомогою чистого javascript ви можете просто назвати довжину на ідентифікаційному вікні вибору. Це буде швидше. Як правило, при всьому власному веб-переглядачі все рідше працює JavaScript

Цього можна досягти за допомогою JavaScript

     var dropdownFilterSite = document.querySelector( '#dropDownId' );  //Similar to jQuery

var length = dropdownFilterSite.length.

Хороший веб-сайт для навчання

www.youmightnotneedjquery.com

Гарне відео для перегляду Тодда Мотто

https://www.youtube.com/watch?v=pLISnANteJY

— Ватсал
джерело