javascript - 更新总成本的功能不起作用

Question

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

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

骗子: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();
});