Wert von SELECT OPTION zu einem vorhandenen INPUT-Wert dynamisch addieren und/oder subtrahieren

Question

Ich habe ein <input readonly> Feld, das einen <?php echo $row['val'];?> Wert enthält, der der Gesamtpreis eines Einkaufswagens ist. Ich habe auch ein <select> mit Optionen von Transportart und sein Wert kann mehr Geld an den TOTAL_PRICE

Choose transport type: 

<select id="transport"> 
    <option value="0">Pick Up (costs 0$)</option> 
    <option value="5">UPS (costs 5$)</option> 
</select> 

<h3> Total: </h3> 
<input id="totalprice" type="text" value="<?php echo $row['total_sum'];?>" readonly> $ 

Was addiert oder subtrahiert ich tun möchte, wenn ich „UPS (kostet 5 $)“ wählen und Der Gesamtpreis-Eingabewert ist 50, es zeigt 55 $, und wenn ich dann "Pick Up (Kosten 0 $)" wähle, wird 50 angezeigt.

Gibt es einen Weg, dies mit Javascript zu erreichen? Ich habe hier in StackOverflow nach einer Antwort gesucht, aber die ähnlichen Fragen sind nicht das, was ich brauche. Ich möchte mit dem Eingabewert interaktiv, nicht nur die Option.Wert in einem <input>. Vielen Dank!

Answer 1

Nicht getestet, sollte aber funktionieren. Versuchen Sie folgendes:

var totalPrice = parseInt($('#totalprice').val()); 
$('#transport').change(function(){ 
    var dynamicPrice = totalPrice; 
    if(parseInt($(this).val()) != 0){ 
     var newValue = dynamicPrice + parseInt($(this).val()); 
     $('#totalprice').val(newValue); 
    }else{ 
     $('#totalprice').val(totalPrice); 
    } 
});