在选择更改时,使用jQuery将两个选择值相乘

时间:2017-10-21 16:42:07

标签: jquery

我有一张表格。

我想在每次换页时,将数量乘以单价并将结果放在输入中。

我的JS代码实际上就是这个:

$('select.BIL_item_quantity, select.BIL_item_id').on('change', function() {
    var quantity = $(this).closest('select.BIL_item_quantity').find(':selected').val();
    var rate = $(this).closest('select.BIL_item_id').find(':selected').data('item-rate');
    $(this).closest('tr').find('input.BIL_item_total_rate').val(quantity*rate);
});

但它没有用。

对此有任何帮助吗?

感谢。

https://jsfiddle.net/uvdv812z/1/

1 个答案:

答案 0 :(得分:0)

很少有修改和优化:

  $('select.BIL_item_quantity, select.BIL_item_id').on('change', function() {
    var parent = $(this).parents("tr:first");
    var quantity = parent.find('select.BIL_item_quantity').val();
    var rate = parent.find('select.BIL_item_id').find(':selected').data('item-rate');
    parent.find('input.BIL_item_total_rate').val((parseInt(quantity) * parseInt(rate)).toFixed(2));
  });

演示: https://jsfiddle.net/lotusgodkk/uvdv812z/3/