Question

我正在尝试显示产品页面上所有选择选项菜单的总和。我简化了jsfiddle，就像http://jsfiddle.net/wesweatyoushop/8mnQR/184/一样。

       <select name='anch1'>
        <option data-price="">----</option>
        <option data-price="10">10 ++</option>
        <option data-price="20">20 ++</option>
        <option data-price="30">30 ++</option>
        <option data-price="40">40 ++</option>
        <option data-price="50">50 ++</option>
    </select>

    <select name='anch2'>
        <option data-price="">----</option>
        <option data-price="10">10 ++</option>
        <option data-price="20">20 ++</option>
        <option data-price="30">30 ++</option>
        <option data-price="40">40 ++</option>
        <option data-price="50">50 ++</option>
    </select>

    <select name='anch3'>
        <option data-price="">----</option>
        <option data-price="10">10 ++</option>
        <option data-price="20">20 ++</option>
        <option data-price="30">30 ++</option>
        <option data-price="40">40 ++</option>
        <option data-price="50">50 ++</option>
    </select>

$('select').change(function(){
var sum = 0;
$('select :selected').each(function() {
    sum += Number($(this).data('price'));
});
 $("#sum").html(sum);
});

但是当我添加一个简化的产品选择菜单时，就像这样 http://jsfiddle.net/wesweatyoushop/8mnQR/185/

总和不能正常工作，只有当我选择两个新添加的选择菜单时才会发生什么事情？

你看到我哪里出错吗？

问候

Answer 1

最后2个选择菜单的数据价格未设置，因此。每个功能添加（0 + 0 + 0 + NAN + NAN）=＆＃34; NaN＆＃34; < / p>

设置＆＃34;数据价格＆＃34;对于新添加的选择＆＃34;＆＃34;或＆＃34; 0＆＃34;

即改变

<option>---</option>

到

<option data-price="">---</option>

只是一张纸条......你的小提琴都是以同样的方式工作......两者都有同样的问题。

没看到为什么我的选择不会总结？

1 个答案: