Я работаю над веб-интерфейсом, который добавляет информацию в базу данных на основе отправленных форм.
Допустим, мы хотим добавить «Транспортные средства» в нашу базу данных.
У транспортного средства есть три поля: Тип, Марка и Цвет.
Хотя все три поля видимы, когда мы выбираем автомобили, мы хотим видеть только опции Марка и Цвет, которые относятся к автомобилям. То же самое касается мотоциклов.
Как сделать параметры отображения в последних двух полях зависимыми от родительского выбора?
Я рассмотрел создание отдельных форм для каждой группы параметров, группирование их классов и отображение на их основе, но (поправьте меня, если я ошибаюсь), я не верю, что CSS можно динамически изменять.
<form class="Tester" action = "/submitSelection.php" method = "post">
<select size = "1">
<option value = "Cars">Cars</option>
<!--if Cars selected, makes are "Toyota" "Dodge"-->
<option value = "Motorcycles">Motorcycles</option>
<!--if Motorcycles selected, makes are "Yamaha" "Harley"-->
</select>
<input type="submit">
</form>
Я хотел бы скрыть или изменить последние параметры, основанные на этой форме выше, но у меня нет способа сделать это.