Question

How can I find the values of two different select dropdowns and add the two values together upon selection(not submition) if they have the same “name” and then place the sum value into an array using jquery?

EDIT

For a little clarification, I am dynamically creating the list which needs to look like this

BOX A, BOX A, TITLE

BOX B, BOX B, TITLE

BOX C, BOX C, TITLE
etc…

Every list will be different and rarely the same. Next time the boxes could be D E or F. When selected(currently .onchange) All corresponding boxes need to be added together then pushed into a seperate array if the value is not empty…

var s=[sumOfAs, sumOfBs, sumOfCs];

I hope this helps…
Also the back end is PHP
THANKS!

EDIT

Here is the jquery code that pushes the first set of values into an array…

$("#selectionBox select").change(function(){
    s = [];
    $("#selectionBox select option:selected").each(function(){
        $("#selected_songs").text('');

        var v = $(this).val();
        if(v != ''){
            s.push(v);
        }
        if(s != ""){ 
            $('#selectionButton').show(); 
            var mw = $("#list_month_New").val();
            var dw = $("#list_day_New").val();
            var yw = $("#list_year_New").val();
            var t = $("#listTitle").val();
            if(mw == "" || dw == "" || yw == ""){
                $("#songListWarning").show();
            }else{
                $("#songListWarning").hide();
            }
        }else{
            $("#list_month_New").val();
            $("#list_day_New").val();
            $("#list_year_New").val();
            $("#listTitle").val();
            $('#selectionButton').hide();
        }
    });
    s.sort();
    jQuery.each(s, function(){
            O = "";
            O = this+"<br />";
            str = /&(.+)/.exec(O)[1];
            num = O.replace(/\-.*/, '');
            fullString = '<span style="color:black">'+num+'</span> - '+str;
            $("#selected_songs").append(fullString);
    });

I just need to figure out how to add another value to the initial value?

Answer 1

var runningTotals = {};
$('select').each(function() {
    var $this = $(this);
    var name = $this.attr("name");
    var val = runningTotals[name];
    if (!val) {
        val = 0;
    }
    val += +($this.val());
    runningTotals[name] = val;
});

Please refer to this fiddle

---

EDIT
Edited to update for the change edit you made