- <script>
- $(документ).ready(функція() {
- $("#parent").change(function() {
- var selectedOption = $(this).val();
- // використовувати вибраний параметр для завантаження параметрів дочірнього спадного списку.
- $.getJSON("options.php", { option: selectedOption }, function(data) {
- // очистити поточні параметри в дочірньому розкривному списку.
Процедура динамічного заповнення розкривних списків Створіть проект із такими модулями: Пакет, який містить логіку для заповнення спадного меню, яке в даному випадку є сервлетом. Вміст, який вбудовує . jar і має спадний ресурс.
Початок роботи з DropDownList
- Створіть вибраний елемент. Спочатку створіть елемент <select> на сторінці, з якої буде ініціалізовано віджет DropDownList. …
- Ініціалізуйте DropDownList. На цьому кроці ви ініціалізуєте DropDownList з елемента <select>. …
- Прив’яжіть DropDownList до даних. …
- Додати фільтрацію.
Створення динамічного DropDownList у HTML за допомогою JavaScript
- <тіло> …
- <div id = "dvContainer"></div> …
- //Створення масиву, що містить записи клієнтів. …
- { CustomerId: 2, Name: "Mudassar Khan", Country: "India" }, …
- ]; …
- //Додати параметри до спадного списку. …
- //Установити ім'я клієнта в текстовій частині. …
- //Установіть CustomerId у частині Value.
Щоб заповнити динамічний список вибору, вам знадобиться використовуйте функцію jQuery $. ajax(). Ця функція надсилає запит PHP-скрипту, який отримує дані з бази даних. Після отримання даних функція jQuery оновить порожній елемент select новими даними.