使用自定義屬性jQuery選擇器與下拉選擇（拿2）

Question

這個問題正在讓我想要粉碎我的電腦。我有一個表單，我想計算表單上的選擇值。我在這裏有兩個jsfiddles，我真的很想擁有它，所以我可以做出選擇，然後點擊計算。但我甚至無法通過單擊來獲取表單。所以另一個小提琴使用變化和鍵盤功能。這種形式也存在問題。如果您將第一個選擇更改爲「選項2」，則會看到該選擇的值最終爲「1.379999999996」，而不是「1.38」。這是爲什麼發生？

Fiddle with click function JS：

$('#submit').click(function(){ 
    var price=$(this).find("option:selected").attr('data-price');  
    var ink=$('#ink').val(); 
    var loc1=$('#loc1').val(); 
    var res= price*1 + ink*1 + loc1*1 ; 
    $('#bleh').val(res || 0); 
}); 

Fiddle with change and keyup functions JS：

$('#ink, #loc1, .sel').on('keyup change',function(){ 
    var price=$('option:selected', this).attr('data-price'); 
    var ink=$('#ink').val(); 
    var loc1=$('#loc1').val(); 
     var res= price*1 + ink*1 + loc1*1 ; 
    $('#bleh').val(res || 0); 
}); 

Answer 1

你選擇$(this).find("option:selected")是錯誤的，因爲this這裏指向#submit按鈕，這時就需要通過找出選擇元素其編號#style

$('#submit').click(function(){ 
    var price=$('#style').find("option:selected").attr('data-price');  
    var ink=$('#ink').val(); 
    var loc1=$('#loc1').val(); 
    var res= price*1 + ink*1 + loc1*1 ; 
    $('#bleh').val(res || 0); 
}); 

演示：Fiddle