如何計算下拉值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

我冒昧地更新example。

這是您正在查找的功能？

Answer 2

你有t_dermal_name ID重複兩次。你可能意味着第二個是t_wrinkle_name。

而且這還不包括enter code here輸出= ...`部分:)

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