2014-10-17 49 views
-3

我正在尝试显示我在产品页面上显示的所有选择选项菜单的总和。我简化了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/

总和不能正常工作,只有当我选择这两个新增加的选择菜单,有事情发生?

您是否看到我出错的地方?

问候

+0

我没有看到两个jsfiddles之间的任何区别。 – JJJ 2014-10-17 15:03:26

+1

*工作不正常?*除了样本值和发生了什么以外,您还有什么? – 2014-10-17 15:03:34

+0

如果你展示了“简化产品选择菜单”的代码,这也将有所帮助,所以我们不必猜测它是什么。 – JJJ 2014-10-17 15:04:40

回答

3

的最后2选择菜单的数据,价格都没有设置,因此。每个函数add的(0 + 0 + 0 + NAN + NAN)= “南”

集“DATA-价格”为新添加的选择 “” 或 “0”

即 变化

<option>---</option> 

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

只是一个音符......你的小提琴都以同样的方式工作..都有同样的问题。

+0

tx Karthik,我完全忽略了数据价格属性没有被设置为第一个选项 – alex 2014-10-17 15:28:49

相关问题