如何计算下拉值jQuery

Question

当我仅选择第一个下拉列表时，#output 中的结果显示 NaN？
http://jsfiddle.net/boyee007/TJcP4/
我想要，如果选择第一个下拉列表显示 30 那么如果两个都选择将计算两个值

<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)); 

Answer 1

我冒昧地更新了您的示例。

这是您正在寻找的功能吗？

Answer 2

您的 t_dermal_name ID 重复了两次。您的意思可能是第二个是t_wrinkle_name。

这还不包括在此处输入代码output = ...` 部分:)

Answer 3

由于未设置 output1，因此 parseInt(output1) == NaN（非数字）。当您将其添加到任何其他数字（即来自 parseInt(output) 的值）时，总数仍为 NaN。

在尝试解析并添加它之前，您应该检查 output1 是否已设置。

Answer 4

试试这个

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));