Как автоматически обновлять параметры во втором раскрывающемся списке на основе выбора в первом раскрывающемся списке без использования базы данных

У вас есть два раскрывающихся списка, где параметры не извлекаются из базы данных. Первый раскрывающийся список позволяет пользователю выбрать категорию. Параметры во втором раскрывающемся списке зависят от выбора в первом раскрывающемся списке.

Например, если пользователь выбирает параметр Первый в первом раскрывающемся списке, во втором раскрывающемся списке должны отображаться параметры Смартфон и Зарядное устройство. Если пользователь изменит свой выбор на Второй вариант, во втором раскрывающемся списке теперь должны отображаться параметры Баскетбол и Волейбол.

Реализация без использования базы данных

<option value="0">None</option>
<option value="1">First</option>
<option value="2">Second</option>

"1": ["Smartphone", "Charger"],
"2": ["Basketball", "Volleyball"]

};

// Очистите параметры во втором раскрывающемся списке
const itemsDropdown = document.getElementById("items") ;
itemsDropdown.innerHTML = "";

// Добавьте новые параметры на основе выбранной категории
const selectedOptions = options[category.value];
for (константный параметр selectedOptions ) {

const newOption = document.createElement("option");
newOption.value = option;
newOption.textContent = option;
itemsDropdown.appendChild(newOption);

}
}

Эта реализация использует объект JavaScript для хранения параметров для каждого категория. Когда пользователь меняет выбор в первом раскрывающемся списке, вызывается функцияchangeSecondDropdown, которая обновляет параметры во втором раскрывающемся списке на основе выбранной категории.