更新总成本的功能不起作用答案

【问题标题】：Function to update total cost not working更新总成本的功能不起作用
【发布时间】：2015-01-11 14:42:09
【问题描述】：

我正在使用 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>

【问题讨论】：

标签： javascript jquery angularjs simplecart

【解决方案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();
});

【讨论】：