How to calculate dropdown value jQuery

Question

when i select only the first dropdown, the result in #output showing NaN?
http://jsfiddle.net/boyee007/TJcP4/
i want, if the first dropdown is selected is showing 30 then if both selected will calculate the both value

<select id="t_dermal_name">
     <option value="1" rel="30">Between Eyebrows</option>
     <option value="7" rel="30">Individual Line Softening</option>
     <option value="2" rel="30">Lip Contouring</option>
</select>
<select id="t_wrinkle_name">
     <option value="1" rel="30">Between Eyebrows</option>
     <option value="7" rel="30">Individual Line Softening</option>
     <option value="2" rel="30">Lip Contouring</option>
</select>

var output = 0;
var output1 = 0;
if($("#t_dermal_name").val() != 0){
    enter code here`output = $("#t_dermal_name").find('option:selected').attr('rel');
 }
 if($("#t_wrinkle_name").val() != 0){
     output1 = $("#t_wrinkle_name").find('option:selected').attr('rel');
 }
 $("#output").html(parseInt(output) + parseInt(output1));

+1 to the question for using jsfiddle like a pro

gnarf
– gnarf

2011-01-07 13:37:08 +00:00
Commented Jan 7, 2011 at 13:37 — gnarf
– gnarf, Commented Jan 7, 2011 at 13:37

mekwall · Accepted Answer · 2011-01-07 18:22:17Z

2

I took the liberty to update your example.

Is this the functionality you were looking for?

edited Jan 7, 2011 at 18:22

answered Jan 7, 2011 at 13:13

mekwall

29.1k6 gold badges78 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nikita Rybak · Accepted Answer · 2011-01-07 11:37:48Z

0

You have t_dermal_name id repeated twice. You probably meant second one to be t_wrinkle_name.

And that's not counting enter code hereoutput = ...` part :)

answered Jan 7, 2011 at 11:37

Nikita Rybak

68.2k22 gold badges163 silver badges183 bronze badges

1 Comment

tonoslfx Over a year ago

sorry my bad.. jsut made a change :)

Rup · Accepted Answer · 2011-01-07 11:38:44Z

0

Because output1 isn't set, so parseInt(output1) == NaN (Not A Number). When you add this to any other number (i.e. the value from parseInt(output)) the total remains NaN.

You should check that output1 is set before attempting to parse it and add it.

answered Jan 7, 2011 at 11:38

Rup

34.6k9 gold badges86 silver badges119 bronze badges

Comments

Gerard Banasig · Accepted Answer · 2011-01-10 02:02:02Z

0

Try this

var output=0;
var output2=0;

$("#t_dermal_name").change(function(){
     output = $("this").attr('rel');
});

$("#t_wrinkle_name").change(function(){
     output2 = $("this").attr('rel');
});


$("#output").html(parseInt(output) + parseInt(output1));

edited Jan 10, 2011 at 2:02

answered Jan 7, 2011 at 11:43

Gerard Banasig

1,71313 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to calculate dropdown value jQuery

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related