У частині коду JavaScript ми визначаємо поведінку типового спадного списку.

1. Рядок 1: ми створюємо список спадних елементів, які ми хочемо бачити для користувачів.
2. Рядок 2: ми визначаємо функцію filterDropDown(), яка приймає кнопку перемикання, спадний контейнер, поле фільтра введення та список елементів.

Використання JavaScript Filter() для масиву об’єктів Щоб використати filter() для масиву об’єктів: Визначити масив об’єктів. Викличте метод filter() для масиву та поверніть новий масив, який містить лише елементи, які відповідають умові. Консоль нового масиву, щоб перевірити вихід.

1. Спочатку виберіть компоненти <select> і <button> за допомогою методу querySelector().
2. Після цього зв’яжіть із цією кнопкою слухач події клацання та відобразіть вибраний індекс за допомогою методу alert(), якщо кнопку натиснуто.

Як випливає з назви, метод filter відфільтровує елементи масиву на основі вказаної умови перевірки. Він перебирає всі елементи та накладає на них тестову умову. Потім він поверне новий масив елементів, які відповідатимуть умові.

Створення функції фільтра JavaScript

1. Застосуйте . метод filter() безпосередньо у вхідному масиві.
2. Надайте умову фільтрації як функцію зворотного виклику.
3. Оцініть кожен елемент за допомогою цієї функції зворотного виклику, щоб визначити, чи відповідає він критеріям фільтрації.
4. Використовуйте .

Тег вибору з кількома параметрами в тегу форми. Тег select має подію onchange(), яка виконує функцію, коли користувач вибирає опцію зі спадного списку. У цій функції ми вибираємо тег select у тегу form за допомогою атрибута name, призначеного кожному тегу.