SELECT OPTIONの値を既存のINPUT値に動的に加算および/または減算します。

Question

<?php echo $row['val'];?>という値を含む<input readonly>フィールドがあります。これはショッピングカートのtotal_priceです。また、私は、私は、「UPS（コスト5 $）」を選択すると、トランスポート・タイプとその値のオプションを持つ<select>私はをやりたい何

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> $ 

TOTAL_PRICEに多くのお金を加算または減算することができますがあり持っており、合計価格の入力値が50、それが55 $を示している場合、「Pick Up（costs 0 $）」を選択すると50に戻ります。

javascriptでこれを実現する方法はありますか？私はStackOverflowで答えを探しましたが、同様の質問は必要ではありません。<input>にoption.valueを表示するのではなく、入力値でをやり取りしたいと思います。ありがとうございました！

Answer 1

テストされていませんが、動作するはずです。はい、これは私がtotalPrice =のparseInt（$（ '＃のtotalprice'）のval（））VARに最初の行を変更したとき、それは完全に働いた、私が望んでいる

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); 
    } 
});