Как получить сумму выбранных значений select option?

Question

[igix]

Добрый день.

Есть две формы и две функции для них, которые получают значения option.

<select name="" id="sel1">
            <option value="10"></option>
            <option value="20"></option>
          </select>

          <select name="" id="sel2">
            <option value="30"></option>
            <option value="40"></option>
          </select>

$('#sel1').change(function () {
	  	areaPrice = this.value;
	    total_sum = $('input.total_sum').val(areaPrice);
	  });
 $('#sel2').change(function () {
	  	areaPrice = this.value;
	    total_sum = $('input.total_sum').val(areaPrice);
	  });

Как суммировать значения этих функций и передавать в html input.total_sum?

Answer 1

[Михаил]

$('#sel1').change(function () {
      areaPrice = this.value;
      const sel2Val = $('#sel2').val()
      total_sum = $('input.total_sum').val(areaPrice + sel2Val  );
    });
 $('#sel2').change(function () {
      areaPrice = this.value;
      const sel1Val = $('#sel1').val()
      total_sum = $('input.total_sum').val(areaPrice + sel1Val);
    });

Comments

[igix]

Вроде все работает, только выводит не сумму значений, а просто два числа рядом.

[igix]

А, это строка, а нужно преобразовать в число:)

[igix]

Спасибо!