В чем может быть ошибка в подсчете value??

Question

[sagaton]

Есть 3 селекта.

<select id="single" class="form-control asd"  >
                <option value="" disabled selected style='display:none;'>Выберите пиццу</option>
                <?php foreach($article as $object): ?>
                    <option value ="<?=$object['price']?>"><?=$object['name']?></option>
                <?php endforeach ?>
            </select>

            <select  class="form asd" id="single1"  >
                <option value="" disabled selected style='display:none;'>Выберите размер</option>
                <?php foreach($article1 as $object): ?>
                    <option value ="<?=$object['price']?>"><?=$object['size']?></option>
                <?php endforeach ?>
            </select>


            <select id="single2" class="form asd"  >
                <option value="" disabled selected style='display:none;'>Выберите пиццу</option>

                <?php foreach($article2 as $object): ?>
                    <option value ="<?=$object['price']?>"><?=$object['name']?></option>
                <?php endforeach ?>
            </select>


                <script src="js/new.js"></script>
            <div id="result"></div>

в них выбирается товар и у каждого товара в value есть цена из базы.

В отдельном файле есть обработчик

function recalculatePrices() {
    var total = "";
    $('.asd').each(function() {
        total += $(this).val();
    });
    $('#result').html(total);
}

$(document).ready(function() {
    $('.asd').on('change', recalculatePrices);
});

По идее должна суммировать, но почему-то просто выводит валуе каждого выбранного элемента


Подскажите пожалуйста в чем моя ошибка или, я что-нибудь сделал не так?

Comments

[sagaton]

https://prnt.sc/5mfkdWbUJe-5

[Lynn «Кофеман»]

Эм, ну оно суммирует. Строки. Потому что "1" + "1" = "11"
Хотите числа — используйте числа

Answer 1

[Rst0]

var total = 0;
    $('.asd').each(function() {
       total = total + Number( $(this).val());
    });