Почему не работает «калькулятор»?

Question

[spacy fox]

Здравствуйте! Столкнулась с такой проблемой: необходимо чтобы цена менялась в зависимости от выбранного параметра в select. Если селектов несколько, то цена должна суммироваться. С одним селектом все работает, как надо, но когда их больше, происходит что-то непонятное.
Ссылка на jsfiddle
Помогите, пожалуйста, разобраться. Где я допустила ошибку?
Заранее спасибо!

Answer 1

[Максим Бабичев]

https://jsfiddle.net/5c9Lhg3r/2/

проставил default-значения data-price=0 и перенес total в метод change

Comments

[spacy fox]

Спасибо большое! Очень выручили!)

Answer 2

[Yaroslav Rostanets]

var total;
$("select").change(function() {
   total = 0;
   $('select :selected').each(function(i,item){
   total += Number( $(item).attr('data-price') );
   });
   $('#my-total').text(total);
 })

https://jsfiddle.net/5c9Lhg3r/1/#&togetherjs=s4xyVNdFwU