Question

我需要一些帮助，我有2个下拉列表（1个用于书籍数量选择，1个用于添加幻灯片选择（是或否）两个下降工作都很完美，并在选择时给出了价格

我的问题是，如何将第一个divprice与第二个divprice相加以给出一个Total？

带成本的图书选择

＆＃13;

function changeddl($this){
  $("#divprice").text($this.value>0?("Price: R " + $this.value):"");
};
function changedd2($this){
  $("#divprice2").text($this.value>0?("Price: R " + $this.value):"");
};

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="Books" onchange="changeddl(this)" style="width: 100%; height: 50px;">
  <option>Select Number of Copies</option>
  <option value="358.00">1 Copy</option>
  <option value="716.00">2 Copies</option>
  <option value="1074.00">3 Copies</option>
</select>

<div id="divprice" </div>


<!-- Slide Selection Yes or No - with cost -->

<div class="clear"> </div>
</li> 
<li>
  <select name="Select2"onchange="changedd2 (this)" style="width: 100%; height: 50px;">

    <option>Add Slides</option>
    <option value="0"> No</option>
    <option value="716.00"> Yes</option>

  </select>

  <div id="divprice2" style="font-family: Arial, Helvetica, sans-serif; color: #006699; font-size: x-large"></div>

＆＃13;

Answer 1

＆＃13;

$(document).ready(function() {
  $('select').on('change', function() {
    $('#totalprice')[0].innerHTML = parseInt($('#copy option:selected').val(), 10) +
      parseInt($('#addSlide option:selected').val(), 10)
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="copy">
  <option value="1">1 copy</option>
  <option value="2">2 copy</option>
  <option value="3">3 copy</option>
</select>

<select id="addSlide">
  <option value="0"> No</option>
  <option value="716.00"> Yes</option>
</select>

<div id="totalprice">
  dfsfs
</div>

＆＃13;

这可能对你有帮助..如果你的要求不同，请告诉我:)。

Answer 2

改变你的功能changed2就像这样

function changedd2($this){
    var total = parseInt($this.value, 10)  + parseInt($('#Books').val(), 10)
    $("#divprice2").text($this.value>0?("Price: R " + total):"");
};

一起添加2个下拉列表

2 个答案: