2014-10-17 50 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

相關問題