У меня есть HTML-форма с подытогами, скидками и итогами. Раскрывающийся список «Скидка» имеет значения 5%, 10% и 20%. В раскрывающемся списке выбора для итоговых значений используются значения в размере 200, 100 и 20 долларов. Другое поле ввода текста получает итоговую форму для расчета по промежуточной сумме и скидке.

Discount:
<select class="select" name="discount">
  <option value="5" selected>5% discount</option>
  <option value="10">10% discount</option>
  <option value="20">20% discount</option>
</select>

Sub-Total:
<select class="select" name="discount">
  <option value="100" selected>$100</option>
  <option value="200">$200</option>
  <option value="50">$50</option>
</select>

Total:
<input type="text" name="price" value="<?php echo $db['sellingprice'] ?>">

Что мне нужно это:

Если входная промежуточная сумма имеет значение, скажем, 100 долларов США, а скидка на итоговую сумму составляет 10%, то общая сумма должна измениться на 90 долларов.

Есть ли способ обновлять итоговую цену в текстовом поле ввода каждый раз, когда меняются значения промежуточной цены или скидки?

расчет, который будет сделан:

итого = подытог - (подытог * (скидка / 100))

Я был в состоянии сделать что-то подобное с.onmouseout но это работает не совсем так, как я хочу.

<script>
var discount = 10; 
document.getElementById("sellingprice").onmouseout = function(){
document.getElementById("price").value = parseFloat(document.getElementById("sellingprice").value) * (1.00 - discount)
}
</script>