Зависимый список с выводом стоимости. Нужна помощь

[MrZlo]

Добрый день уважаемые форумчане!
На просторах интернетов нашел скриптик от 10 года. Для просмотра ссылки Войди или Зарегистрируйся

Забрал из нее сливки и начал делать для себя. Вроде все сначала шло как по маслу но, потом наткнулся на проблему.
Сам скрипт во вложении.

Суть проблемы: нужно сделать что бы выводилась сумма из выбранной опции value.

<select id="articul_1" name="rar" class="select">
            <optgroup label="Granta St">
                <option id="g1" value="1300">На 1 сутки</option>
                <option id="g2" value="1100">2-3 суток</option>
                <option id="g3" value="1000">4-6 суток</option>
            </optgroup>
            <optgroup label="Granta Nm">
                <option id="g4" value="1600">На 1 сутки</option>
                <option id="g5" value="1300">2-3 суток</option>
                <option id="g6" value="1200">4-6 суток</option>
            </optgroup>

        </select>
        <br><br>
        <input type="button" onClick="javascript:CalcSum();" value="Расчитать стоимость">
        <br><br>
        <div id=TextSum></div>

На данный момент выводится только последний.

Сам скрипт подсчета:

function CalcSum(){
            var o=document.getElementById("articul_1");
            sum = 0;
            for(var i = 0; i < o.options.length; i++) {
                m1 = o.options[i].value;
               
                if ((m1 > 0)) {
                    sum = m1;
                }
            }
            document.getElementById('TextSum').innerHTML = sum + " руб.";
        }

Почему выводится только последний, а не тот который я выбрал?
Дополнительно: как заблокировать подкатегорию, до тех пор пока не выбрана главная категория.

Заранее спасибо!

 

[Absolute]

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

function CalcSum(){
   document.getElementById('TextSum').innerHTML = document.getElementById("articul_1").value + " руб.";
   }