Функция обновления общей стоимости не работает

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