Tengo un formulario html con Subtotal, Descuento y Total. El menú desplegable de selección para Descuento tiene valores de 5%, 10% y 20%. El menú desplegable de selección para Subtotal tiene valores de $ 200, $ 100 y $ 20. Otro campo de texto de entrada obtiene el Total de un cálculo en el Subtotal y el Descuento.

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

Lo que necesito es:

Si el Subtotal de entrada tiene un valor, digamos $ 100 y el Descuento para dar el Subtotal es 10%, entonces el Total debería cambiar a $ 90.

¿Hay alguna forma de actualizar el precio total en el cuadro de texto de entrada cada vez que se cambian los valores de Subtotal Price o Discount?

El cálculo a realizar es:

total = subTotal - (subTotal * (descuento / 100))

Pude hacer algo similar con.onmouseout pero no está funcionando como yo quiero.

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