Javascript 用于更新总成本的函数不起作用

Javascript 用于更新总成本的函数不起作用,javascript,jquery,angularjs,simplecart,Javascript,Jquery,Angularjs,Simplecart,我正在使用simpleCart.js构建一个简单的购物车 我已经能够显示项目,添加到我的篮子和结帐。然而,我试图添加一个下拉列表,允许用户选择一个国家来确定运输成本 普朗克: 我添加了以下select,但是如何将其连接到simpleCart.js?我认为需要调用Update(): JS: 英格兰4.99英镑 爱尔兰5.99英镑 欧洲7.99英镑 请参见 首先,您需要一种获得运输成本的方法: simpleCart({ shippingCustom: function(){

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

我已经能够显示项目,添加到我的篮子和结帐。然而,我试图添加一个下拉列表,允许用户选择一个国家来确定运输成本

普朗克:

我添加了以下
select
,但是如何将其连接到simpleCart.js?我认为需要调用Update():

JS:


英格兰4.99英镑
爱尔兰5.99英镑
欧洲7.99英镑
请参见

首先,您需要一种获得运输成本的方法:

simpleCart({
    shippingCustom: function(){
        var ddl = document.getElementById("AddShipping");
        return ddl.options[ddl.selectedIndex].value;
    }
});
然后,当下拉列表更改时,更新值:

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