Как сделать увеличение/уменьшение цены в зависимости от выбранного пункта в select?

Question

[MaksPaverov]

Есть код:

<select class="form-select" onchange="calc(this.value)">
<option value="#" selected="selected" disabled="">Выбрать</option>
<option value="1000">Текстолит (+1000)</option>
<option value="8000">Латунь (+8000)</option>
<option value="10000">Титан (+10000)</option>
</select>

<select class="form-select" onchange="calc(this.value)">
<option value="#" selected="selected" disabled="">Выбрать</option>
<option value="0">Всадной</option>
<option value="1400">Сквозной (+1400)</option>
<option value="1000">Цельнометаллический (+1000)</option>
</select>

Исходная цена, допустим, 5000.
Как при изменении выбранного пункта в select, изменять цену на значение, указанное в value?

Answer 1

[Stalker_RED]

Comments

[MaksPaverov]

Несколько select, как бы отредактировать..

[Stalker_RED]

MaksPaverov,
ладно, я сейчас добрый и мне нефиг делать

[MaksPaverov]

Stalker_RED, не то, нужно чтоб было несколько select и одна цена
Т.е. начальная 5000, в первом select выбрано +1400, во втором +2000
Итоговая 8400

[Stalker_RED]

MaksPaverov,

Answer 2

[Артур]

вынести значение цены в стейт как defaultPrice и отдельно сделать значение finalPrice.
Прибавлять/минусовать к defaultPrice значения из селектов при onchange и записывать в finalPrice.
Значения селектов держать в стейте, чтобы можно было каждый раз при изменении 1 селекта, пересчитывать finalPrice
Выводить finalPrice как сумму defaultPrice + все значения селектов хранящиеся в стейте

Comments

[MaksPaverov]

Можно пример? Я не особо в JS разбираюсь =(