Javascript jquery从select onchange计算多字段数量价格和总计

我有一个多字段添加函数，希望从每个字段行的所选选项中获取价格，然后使用数量和总和进行计算

但我陷入了jquery部分，无法获取价格并计算每一行

$(".payselect").on("change", function() {

  var price = 0;
  var pricenumber = 0;
  $(".payselect").find("option:selected").each(function() {
    price += $(this).data("price");
  });
  $('.paynumber').val(1);
  $('.payunit').val(price);

  var unitprice = $('.payunit').val();
  var unitnumber = $('.paynumber').val();

  pricenumber = unitprice * unitnumber;

  $("#paytotal").val(pricenumber);

});

$.payselect.onchange，函数{ var价格=0； var-pricenumber=0； $.payselect.findoption:selected.eachfunction{ 价格+=$this.dataprice； }; $'.paynumber'.val1； $'.payunit'.valprice； var单价=$'.payunit'.val； var unitnumber=$'.paynumber'.val； 价格编号=单价*单价； $paytotal.valpricenumber； }; $document.onchange、.payunit、函数{ var总和=0； $.payunit.eachfunction{ sum+=+$this.val； }; $paytotal.valsum； }; 项目名称 量 单价 选择 帽子 衬衫 选择 帽子 衬衫 总金额 也许会有帮助

首先，您没有包括jquery版本。其次，您没有检查payselect下拉列表中未定义的值

$(".payselect").on("change", function() {
  var price = 0;
  var pricenumber = 0;
  $(".payselect").find("option:selected").each(function() {
    if($(this).data("price")){
        price += parseInt($(this).data("price"));
    }
  });
  $('.paynumber').val(1);
  $('.payunit').val(price);

  var unitprice = $('.payunit').val();
  var unitnumber = $('.paynumber').val();

  pricenumber = unitprice * unitnumber;

  $("#paytotal").val(pricenumber);

});

---

在jsfiddle中，您没有在Javascript/Framework下包含jQuery。您是否尝试过包含jQuery？当我包含它时，我得到了一些功能。我已经包含了jquery，请检查它。谢谢，我已经添加了jquery版本并更改了未定义的值。但是如何使每一行字段独立？我希望每一行示例第一行和第二行在选择第一个选项和第二个选项并更新您的paytotal时不会相互影响？如果在第一个选择框或第二个选择框中更改。是，当我选择第一个框时，它会更新paytotal，当我选择下一个包含不同项目的选择框时，它会显示不同的项目价格并更新paytotal