Question

我有一个<input readonly>字段，其中包含<?php echo $row['val'];?>值，即购物车的total_price。我还有一个<select>的运输类型选项，它的价值可以增加或减去更多的钱到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> $

我想做什么是当我选择“UPS（费用5美元）”并且总价格输入值为50时，它显示55美元，然后如果我选择“提取” （费用为0美元）“它再次显示50美元。

有没有办法用javascript实现这个目的？我在StackOverflow中搜索了一个答案，但类似的问题不是我需要的，我想与输入值进行交互，而不只是在{{1}中显示option.value }}。谢谢！

Answer 1

未经测试但应该有效。试试这个：

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

从SELECT OPTION动态添加和/或减去现有INPUT值

1 个答案: