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 output = ...`part：）

Answer 3

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

在尝试解析output1并添加之前，应检查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));

如何计算下拉值jQuery

4 个答案: