sum of values from 8 drop down box

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
Lphp
Forum Commoner
Posts: 74
Joined: Sun Jun 26, 2011 9:56 pm

sum of values from 8 drop down box

Post by Lphp »

I have eight dropdown box

Code: Select all

<select id="actual_grade1" class="sum" name="actual_grade" size="1">
<option value="">-- Please select --</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option selected="" value="6">6</option>
<option value="7">7</option>
<option value="N">N - No grade</option>
</select>
.......
<select id="actual_grade8" class="sum" name="actual_grade" size="1">
<option value="">-- Please select --</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option selected="" value="6">6</option>
<option value="7">7</option>
<option value="N">N - No grade</option>
----
<input id="total" name="actual_grade">
I want the seelct and the auto add
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: sum of values from 8 drop down box

Post by Celauran »

What have you tried so far? Where are you running into trouble?
Lphp
Forum Commoner
Posts: 74
Joined: Sun Jun 26, 2011 9:56 pm

Re: sum of values from 8 drop down box

Post by Lphp »

I can get the every selector , but not the combined

Code: Select all

 $("select.sum").change(function()  {
   
    // initialize the sum (total price) to zero
       var  combined=0;    
   
      // $("select.sum").each(function() {
        
        
        var selects = $(this).attr('value');
        combined =(selects *1) +combined;
       //alert(selects)
        
         $('#total').val(combined);
  //  });
Lphp
Forum Commoner
Posts: 74
Joined: Sun Jun 26, 2011 9:56 pm

Re: sum of values from 8 drop down box

Post by Lphp »

Code: Select all

$(".sum").change(function()  { 
   var  add=0;  
   $("select.sum").each(function() {     
         
        var value=$(this).val();
        
        add =add+ Number(value); 
        //inside alert ok
    });
    alert(add );//not work
    $('#total').val(add);
    });
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: sum of values from 8 drop down box

Post by Celauran »

Something like this? http://jsfiddle.net/0pj9wopm/
Lphp
Forum Commoner
Posts: 74
Joined: Sun Jun 26, 2011 9:56 pm

Re: sum of values from 8 drop down box

Post by Lphp »

thanks for the reply, I just need to past the value add to total , can you make your example try able?
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: sum of values from 8 drop down box

Post by Celauran »

Lphp
Forum Commoner
Posts: 74
Joined: Sun Jun 26, 2011 9:56 pm

Re: sum of values from 8 drop down box

Post by Lphp »

Thanks! could I make it to all 8 select boxes get select then add ?
Post Reply