Как правильно отнимать числа в селектах?

Question

[Tigronix]

Всем привет. Посмотрите код:
jsfiddle.net/np91v1zb/1
По логике при клике на #mat должно прибавляться его value в span #number. И оно прибавляет, но нужно сделать так, чтобы прибавляло только один раз. (При клике на другие число должно возвращаться к дефолтному значению) Где я допустил ошибку?
И если способ взять число не из value элемента, а просто из текста option взять только число? У меня каждый раз выходит в итоге NaN...

Answer 1

[Алексей]

Очевидно вы должны хранить "исходное" значение отдельно и уже к нему прибавлять или не прибавлять стоимость опции.

Comments

[Tigronix]

Спасибо

Answer 2

[Nik Gubin]

Можно создать переменную price и записать в неё значение по умолчанию (к примеру 5000). После change списка вытаскивайте значение value и выводите на экран значение price + value. После смены пункта в списке цена будет пересчитываться и никаких прогрессий)

Comments

[Tigronix]

Спасибо

Answer 3

[Евгений]

Как-то так:
jsfiddle.net/np91v1zb/2

Comments

[Tigronix]

Спасибо

Answer 4

[gleendo]

var price = 5500;

document.querySelector("#matrix").addEventListener("change", function(event) {
	document.querySelector("#number").textContent = price + +this.value || price ;
}, false);

Comments

[Tigronix]

спасибо