php - 我需要对 jquery 中选择框值的值求和

Question

我需要对 jquery 循环内的选择框值求和，

     <?php 

for ($i=0;$i<3;$i++) 
{
?>
<select class="sum-selector" id="options_<?php echo $i ?>">

   <option value="25">RS 25</option>
    <option value="30">Rs 30</option>
    <option value="45">Rs 45</option>
     <option value="95">Rs 95</option>
 </select>

 <?php  } ?>

<p id="sum_of_select"> </p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
$('.sum-selector').change(getSum);
function getSum() {
  var sum = 0;
  $('.sum-selector').each(function(select) {
    if(select.value) {
      sum += parseInt(select.value);
      alert (sum)
    }
  });

  alert('sum is: ' + sum);
}
</script>

这里的更改值在警报时为 0，我需要获取三个选择框值的总和，例如在第一个选择框中，如果我选择 25 第二 30 第三 45，则输出应为 100

Answer 1

使用它来获取所选值

$('.sum-selector').each(function(i) {
     alert($(this).find('option:selected').val());
});

这是您的代码:

<?php 

for ($i=0;$i<3;$i++) 
{
?>
<select class="sum-selector" id="options_<?php echo $i; ?>">
     <option value="25">RS 25</option>
     <option value="30">Rs 30</option>
     <option value="45">Rs 45</option>
     <option value="95">Rs 95</option>
 </select>
<?php  } ?>

<p id="sum_of_select"> </p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
$('.sum-selector').change(getSum);
function getSum() 
{
  var sum = 0;
  $('.sum-selector').each(function(i) {
    if($(this).find('option:selected').val()) {
      sum += parseInt($(this).find('option:selected').val());
      alert(sum)
    }
  });
  alert('sum is: ' + sum);
}
</script>