Как посчитать сумму из value1?

Question

[Siarhei]

Есть селект

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

где value ='<?=$object['name']?>' используется для ajax запроса, а value1 ='<?=$object['price']?>' выводит цену выбранного элемента.
Пытаюсь посчитать value1 так.

function recalculatePrices() {
    var total = 0;
    $('.asd').each(function() {
        total = total + Number( $(this).val1());
    });
    $('#response').html(total);
}

Но никак.
Подскажите кто как можно было бы его посчитать?

Comments

[Александр Васильев]

Добрый день.
А что выведет консоль? console.log(recalculatePrices())

[MrColdCoffee]

какой value2 ?
почитайте про атрибуты

[MrColdCoffee]

value1 меняем на data-value1 и обращаемся вот так .data('value1')

$('.asd').each(function() {     
        total = total + Number( $(this).find('option[selected]').data('value1') );
    });

[Ankhena]

а value1

Нет такого атрибута.
Используйте data атрибуты. Если действительно нужно два значения.
Обычно достаточно имени отображаемого внутри тега option и value. Если нет, то см выше.
Соответственно, никакого $(this).val1() тоже в природе не существует.
Гуглите как обращаться к data атрибутам. Это просто.

[Siarhei]

MrColdCoffee,

так ?

function recalculatePrices() {
    var total = 0;
    $('.asd').each(function() {
        total = total + Number( $(this).find('option[selected]').data('value1') );
    });
    $('#result').html(total);
}

не сработало.
не считает.(

[MrColdCoffee]

bichukov, у вас тут $(this).find('option[selected]
идет обращение к option, который выбран в определённом select

соответственно прописываем значения в data-value1='' у option

<option value ='<?=$object['name']?>'  data-value1 ='<?=$object['price']?>' ><?=$object['name']?></option>

[Siarhei]

MrColdCoffee,
Ну у меня так и было. потому странно почему он не работает.

[MrColdCoffee]

bichukov, у вас было просто value1, а надо data-value1

[Siarhei]

MrColdCoffee,
я это уже сделал

вот что пока есть

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

и

function recalculatePrices() {

    var total = 0;
    $('.asd').each(function() {
        total = total + Number( $(this).find('option[selected]').data('value1') );
    });
    alert(total)
    $('#result').html(total);
}

В alert(total)nan, получается, что не видит числа.

[MrColdCoffee]

bichukov, $("option:selected", this).data('value1')

[MrColdCoffee]

bichukov,

$("option:selected", this).data('value1') ? $("option:selected", this).data('value1') : 0

[Siarhei]

MrColdCoffee,

Отлично, да.
Теперь тоатл имеет значение. но все рано не присваивается
$('#result').html(total);

Пересмотрел гугл. но там типо все должно работать.
Извиняюсь за тупость. но очень нужно понять что не так.

[Александр Васильев]

я честно не понимаю
у Вас есть цикл по элементам с классом .asd
Учитывая единичное указание этого элемента, цикл можно опустить (убрать)
У option value должно содержать цену, а name - имя

Что в итоге надо считать (вряд ли сумму всех опций в select) и где этот #response, в который Вы хотите записать total?

Может быть будет несколько блоков .asd, в которых будут свои списки select, значения которых после изменений надо суммировать и записывать в total ?

[Александр Васильев]

Если надо считать в одной форме .asd значения нескольких select, то вот это будет работать

recalculatePrices()

    function recalculatePrices() {
        $('select').on('change', function () {
            calc()
        })

        function calc() {
            var total = 0

            $('select').each(function () {
                var value = $(this).val() * 1
                total += value

            })
            console.log(total);
        }
    }