没有看到为什么我的选择不会总结?
问题描述:
我正在尝试显示我在产品页面上显示的所有选择选项菜单的总和。我简化了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/
总和不能正常工作,只有当我选择这两个新增加的选择菜单,有事情发生?
您是否看到我出错的地方?
问候
答
的最后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
我没有看到两个jsfiddles之间的任何区别。 – JJJ 2014-10-17 15:03:26
*工作不正常?*除了样本值和发生了什么以外,您还有什么? – 2014-10-17 15:03:34
如果你展示了“简化产品选择菜单”的代码,这也将有所帮助,所以我们不必猜测它是什么。 – JJJ 2014-10-17 15:04:40