Ich habe ein HTML-Formular mit Zwischensumme, Rabatt und Gesamtsumme. Das Dropdown-Menü für Rabatt enthält Werte von 5%, 10% und 20%. Die Auswahlliste für Zwischensumme enthält Werte von 200 USD, 100 USD und 20 USD. In einem anderen Eingabetextfeld wird die Summe aus Zwischensumme und Rabatt berechnet.

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

as ich brauche ist:

Wenn die eingegebene Zwischensumme einen Wert von beispielsweise 100 USD hat und der Rabatt für die Zwischensumme 10% beträgt, sollte sich die Gesamtsumme auf 90 USD ändern.

Gibt es eine Möglichkeit, den Gesamtpreis im Eingabetextfeld jedes Mal zu aktualisieren, wenn die Werte für den Zwischensummenpreis oder den Rabatt geändert werden?

die durchzuführende Berechnung ist:

total = Zwischensumme - (Zwischensumme * (Rabatt / 100))

Ich konnte mit @ etwas Ähnliches mach.onmouseout aber es funktioniert nicht ganz so wie ich es will.

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