Somma di più select

[lukezz]

Salve a tutti,
dovrei sommare il valore di più select:

<select name="prova[]">
<option value="1">Single</option>
<option value="2">Single2</option>
</select>

<select name="prova[]">
<option value="3">Single3</option>
<option value="4">Single4</option>
</select>

<p><b>Totale:</b>  <span id="results"></span></p>

Visto che il select è un array, come faccio a sommare i select selezionati?

[cavicchiandrea]

Quando dovrebbe accadere? Hai scritto del codice?

[lukezz]

$('select').change(function(){
// calcolo
});

[lukezz]

Sono riuscito a fare questo:

<select name="prova[]">
<option data-id="1" value="50">Single</option>
<option data-id="2" value="225">Single2</option>
</select>

<select name="prova[]">
<option data-id="1" value="15">Single3</option>
<option data-id="2" value="35">Single4</option>
</select>

<span></span>

function sum(x, y) {
     var z = x + y;
    return z;
}
function calculate() {
    var prezzo = [];
    var num = [];    
$('select').each(function ()        {
             prezzo.push($(this).val());
             num.push($(this).data('id'));
        });
    $('span').text('Totale: '+ sum(prezzo, num));
}

calculate();

$('select').change(function() {
 calculate(); 
});

Ma non mi calcola il totale

[cavicchiandrea]

Mi sembra che hai molta confusione,
vuoi un somma delle due select? Perché costruisci un array prezzo? A cosa serve array data-id?

[lukezz]

Ti spiego ogni select ha come valore il prezzo di ciò che sto selezionando, e su data-id il numero della selezione, ovviamente ho diversi select con gli stessi dati, vorrei mi facesse il calcolo del valore * data-id, e ovviamente il totale di tutti i select.

Spero di essermi spiegato.

[cavicchiandrea]

Ok, non ne capisco il motivo ma avrai le tue ragioni, troppo complesso per la mia pazienza e le mie conoscenze ciao.

[lukezz]

<select class="calcolo" name="prova[]">
<option data-prezzo="100" value="1">Single</option>
<option data-prezzo="200" value="2">Single2</option>
</select>

<select class="calcolo" name="prova[]">
<option data-prezzo="125" value="1">Single3</option>
<option data-prezzo="250" value="2">Single4</option>
</select>

<span class="numero"></span>
<span class="prezzo"></span>

<script>
$('select').change(function () {
            var numero = 0;
            var prezzo = 0;
            $('select').each(function () {
                numero += +$(this).val();
                prezzo += +$(this).data('prezzo');
            });
            $('.numero').text('Selezionati: '+numero);
            $('.prezzo').text('Prezzo totale: '+prezzo);        
});
</script>

Come mai mi restituisce sempre NaN?

[lucavizzi]

$(this).data('prezzo') restituirà "undefined" in quanto il data-attribute è settato per le option e non per la select, per questo ti da NaN.

[lukezz]

E per fare il calcolo dell'attributo data-prezzo come faccio? (come per il value che invece mi da il risultato giusto)