更新总成本无法正常工作的功能

Question

我正在使用simpleCart.js构建一个简单的购物车。

我能够显示物品，将它们添加到我的购物篮中并结帐。但是，我正在尝试添加下拉列表，以允许用户选择一个国家/地区来确定运费。

Plunker：http://plnkr.co/edit/aB6JLxmYcPpWR4IsUqEZ?p=preview

我添加了以下select，但是如何将其连接到simpleCart.js？我相信需要调用Update（）：

JS：

<select class="item_Shipping" id="AddShipping">
  <option value="4.99">England £4.99</option>
  <option value="5.99">Ireland £5.99</option>
  <option value="7.99">Europe £7.99</option>
</select>

Answer 1

请参阅http://plnkr.co/edit/CIZsHALaRqMbRQNb6hgF?p=preview

首先，您需要一种方法来获得运费：

simpleCart({
    shippingCustom: function(){
        var ddl = document.getElementById("AddShipping");
        return ddl.options[ddl.selectedIndex].value;
    }
});

然后当下拉列表更改时，请更新值：

document.getElementById("AddShipping").addEventListener("change", function(){
    simpleCart.update();
});