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

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