使用带有下拉选择的自定义属性 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 按钮，因此您需要使用其id #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