Всем привет. Только осваиваюсь в js так что прошу поддержки как разобраться с этим.
1. Дана форма
2. При выборе select и checkbox в input подставлялись значения
( как поставить их не могу определиться или в input hidden или через массивы );
3. От первого значение select зависит второй select также checkbox
Например:
Выбираю из первого select>option с названием "productOne" его значение заноситься в привязанный к нему input ( например цена 50 руб )
От выбора первого select>option зависит последующие input.
т.е productTwo зависит от первого select>option "productOne"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Training JavaScript</title>
</head>
<body>
<!-- select product -->
<select id="view">
<option selected id = "option">Выбрать</option>
<option id = "optionOne">product</option>
<option id = "optionTwo">productTwo</option>
<option id = "optionFour">productThree</option>
</select>
<br>
<br>
<!-- color product -->
<select id="viewOne">
<option value="red">colorRed</option>
<option value="blue">colorBlue</option>
</select>
<br>
<br>
<!-- checkbox list -->
<input type="checkbox" id="list">
<br>
<!-- Здесь значение меняються от выбранных вариантов -->
<!-- size product -->
<input type="text" id = "rez" placeholder="0 руб"> <!-- зависимость от первого select -->
<br>
<br>
<input type="text" id = "rezOne" placeholder="0 руб"> <!-- зависимость от второго select -->
<br>
<br>
<input type="text" id = "rezTwo" placeholder="0 руб"> <!-- зависимость от checkbox -->
<br>
<br>
<input type="text" id="summa" placeholder="Сумма">
<script src="common.js"></script>
</body>
</html>