JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Если Выбрал значения из первого select т.е mazda значения цен одни, а когда выбираешь например bmw<br>
то значения другие.
</p>

<!-- select product -->

<select id="view">
<option  selected 	id = "option">Выбрать</option>
<option  id = "optionOne">mazda</option>
<option  id = "optionTwo">lada</option>
<option  id = "optionFour">bmw</option>
</select>
<br>
<br>
<!-- color product -->

<select  id="viewOne">
<option  selected 	id = "option">Выбрать</option>
<option value="red">Красный</option>
<option value="blue">Белый</option>
<option value="blue">Синий</option>
</select>

<br>
<br>

<!-- checkbox list  -->
<label>дополнительный найтройки
<input type="checkbox" id="list">
</label>
<br>
<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>

<label>Здесь суммируються значения котые выбрал пользователь</label><br>
<input type="text" id="summa" placeholder="Сумма">

JavaScript

var car = {  // относиться к mazda

product: "350руб",  //если выбрал mazda
red: "450руб", 
white: "500руб",
blue: "550руб",
option: "360руб"
};

var carOne = { // Относиться к lada

product: "400руб",
red: "600руб", 
white: "700руб",
blue: "350руб",
option: "660руб"

};

var carTwo = { // Относиться к bmw

product: "600руб",
red: "700руб", 
white: "300руб",
blue: "340руб",
option: "360руб"

};