Спочатку створюється ArrayList і додається до нього значення «яблуко», «банан» і «вишня». Потім він перебирає кожен елемент у ArrayList і виводить для нього тег параметрів HTML із значенням і текстом для відображення, встановленим у той самий рядок. Це створює спадне меню, де користувач може вибрати один із трьох фруктів.
Крок 1: Базова структура HTML Спочатку нам потрібно налаштувати структуру HTML, яка буде містити наш динамічний список. Ми будемо створити невпорядкований список ( <ul> ), який буде заповнено елементами списку ( <li> ). Крім того, ми додамо поле введення для введення користувачами та кнопку, щоб ініціювати додавання нових елементів до списку.
Як створити динамічні розкривні списки за допомогою таблиць Excel
- 1 – Таблиця Excel. Перетворіть список потрібних значень у спадному меню на таблицю Excel. …
- 2 – Від таблиці Excel до іменованого діапазону. Натисніть CTRL + F3 або перейдіть до ФОРМУЛИ > Менеджер імен і виберіть Створити. …
- 3 – Список перевірки даних. …
- 4 – Грай!
Елемент <select> створює спадне меню. Він містить два атрибути: ім'я та id. Атрибут id повинен мати ті самі значення, що й атрибут for у тегу <label>. Атрибут name використовується для ідентифікації розкривного списку, якщо вибір надсилається у формі.
Вибравши набір правил, ви помітите нову вкладку в редакторі: Динамічний вміст. Перейдіть на цю вкладку та натисніть кнопку «Додати область вмісту», щоб додати місце для динамічного вмісту у вашій електронній пошті. Додавши область вмісту, натисніть кнопку «Вибрати набір правил» і виберіть набір правил, як у другому кроці.