功能來更新總成本不工作

Question

我正在使用simpleCart.js建立一個簡單的購物車。

我已經能夠顯示項目，將它們添加到我的購物籃並結帳。但是，我正在嘗試添加一個下拉菜單，以允許用戶選擇一個國家來確定運費。

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

我加入以下select，但我如何能將此插口連接到simpleCart.js？我相信更新（）需要調用：

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