Eu tenho um formulário html com Subtotal, Desconto e Total. A lista suspensa selecionada para Desconto possui valores de 5%, 10% e 20%. O menu suspenso de seleção para o Subtotal tem valores de US $ 200, US $ 100 e US $ 20. Outro campo de texto de entrada obtém no formulário Total um cálculo no Subtotal e Desconto.

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'] ?>">

O que eu preciso é:

Se o Subtotal de entrada tiver um valor, digamos $ 100 e o Desconto para fornecer o Subtotal for 10%, o Total deverá mudar para $ 90.

Existe alguma maneira de atualizar o preço total na caixa de texto de entrada sempre que os valores do preço subtotal ou do desconto forem alterados?

o cálculo a ser feito é:

total = subtotal - (subtotal * (desconto / 100))

Eu era capaz de fazer algo parecido com.onmouseout mas não está funcionando exatamente como eu quero.

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