如何在jquery中总计两个不同的下拉选项

Question

我想知道是否可以将两个不同的选项组合在一起以显示在下面的total button上？我在每个选择上都插入了计算。当用户选择一个数量时，数量将自动汇总并显示在“总计按钮”上，但是我设法只显示一个选择。是否有可能将两个不同的选择汇总并显示在按钮上？]

$(document).ready(function() {
  $("#meatroll").change(function() {
    var product = $(this).find(":selected").val();

    event.preventDefault();
    var x = parseInt($(".product").val());

    var total1 = x * "7.50";
    alert("Total:" + "$" + total1);
    $('.cow').html("Total:" + "$" + total1);
  });
});


$(document).ready(function() {
  $("#burger").change(function() {
    var product2 = $(this).find(":selected").val();

    event.preventDefault();
    var z = parseInt($(".product2").val());

    var total2 = z * "1.20";
    alert("Total:" + "$" + total2);
    $('.cow').html("Total:" + "$" + total2);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<label>
  		 <p> Burger...........QTY :
        <select id="burger" class="product2">
          <option value="0">0</option>
          <option value="5">5</option>
          <option value="10">10</option>
          <option value="20">20</option>
          <option value="30">30</option>
          <option value="40">40</option>
          <option value="50">50</option>
          <option value="60">60</option>
          <option value="70">70</option>
          <option value="80">80</option>
          <option value="90">90</option>
          <option value="100">100</option>
        </select></P>

  		<p> Meat Roll...... QTY:
        <select id="meatroll" class="product">
          <option value="0">0</option>
          <option value="5">5</option>
          <option value="10">10</option>
          <option value="20">20</option>
          <option value="30">30</option>
          <option value="40">40</option>
          <option value="50">50</option>
          <option value="60">60</option>
          <option value="70">70</option>
          <option value="80">80</option>
          <option value="90">90</option>
          <option value="100">100</option>
        </select> 
      </P>
  </label>

<label><button class="cow">TOTAL :</button></label>

如何从总和中获得价值或文字？

我想知道是否可以将两个不同的选项组合在一起以显示在下面的总计按钮上？我在每个选择上都插入了计算。当用户选择了数量时，...

Answer 1

您可以通过这种简单的方法来实现

Answer 2

尝试一下，只需在按钮内添加span标签，然后添加您的值并更新它。

Answer 3

只需获取两个下拉菜单的值，计算每个下拉菜单的价格，将它们加在一起并显示它们。您可以组合选择器来为两个下拉菜单运行相同的代码。

Answer 4

尝试一下