Question

我有2个组合框。

<select name="ticketType">
        <option selected>Ticket type</option>
        <option value="55">Promo pass</option>
        <option value="65">Regular pass</option>
      </select>
      <select name="campingNumber">
        <option selected>Camping spots</option>
        <option value="0">0</option>
        <option value="30">1</option>
        <option value="50">2</option>
        <option value="70">3</option>
        <option value="90">4</option>
        <option value="110">5</option>
        <option value="130">6</option>
      </select>
      <p>Price: € <span id="price"></span></p>

我想要做的是从两者中取值并将它们加在一起，一切正常，但如果我从组合框中选择另一个值，它会一直加在一起。这是我的jquery：

var price=0;
$(document).ready(
  function() {
    $('select[name=ticketType]').change(
      function(){
        price =price +  parseInt($(this).val());
        $('#price').text(price);
      }
      );
  }
   );
$(document).ready(
  function() {
    $('select[name=campingNumber]').change(
      function(){
        price =price +  parseInt($(this).val());
        $('#price').text(price);
      }
      );
  }
  );

这个值我希望更新到数据库，因为门票一切正常，但是对于露营号码，价值是露营地的价格，0-6的数字是你购买露营的人数现货，我该如何将其添加到数据库中的表中？对于数据库，我有以下表格：

person_nb (int 10)
price (int 10)

所以露营号码的价值我想加入价格，而在person_nb我想要在campingNumber组合框之间的价值。

$query2 = $conn-> prepare("INSERT INTO user_acc (email, ticket_price) VALUES (:email2, :ticket);"); 
$query2->bindParam(':email2', $email);' '$query2->bindParam(':ticket', $ticketType);
$query3 = $conn->prepare("INSERT INTO reservation (price, person_nb) VALUES (:price, :personNumber);"); 
$query3-> bindParam(':price', $campingPrice); 
$query3-> bindParam(':personNumber', $totalNumberOfPersons);

所以这是查询，但对于totalNumberOfPersons，我不知道如何获取值。例如'1'，价格为30，人数应为1.

Answer 1

您不断添加总数而不重置任何值，请尝试以下操作：

 var price=0;
 var pricex = 0;
 var pricey = 0;
    $(document).ready(
      function() {
        $('select[name=ticketType]').change(
          function(){
            pricex = parseInt($(this).val());
            price = pricex + pricey;
            $('#price').text(price);
          }
          );
      }
       );
    $(document).ready(
      function() {
        $('select[name=campingNumber]').change(
          function(){
            pricey = parseInt($(this).val());
            price = pricex + pricey;
            $('#price').text(price);
          }
          );
      }
      );

Answer 2

试试这个

var price;
$(document).ready(
 function() {
 $('select[name=ticketType]').change(
  function(){
   price=0;
    price =price +  parseInt($(this).val()) +  parseInt($('[name="campingNumber"]').val());
    $('#price').text(price);
  }
  );
  }
  );
 $(document).ready(
  function() {
   $('select[name=campingNumber]').change(
    function(){
      price=0;
    price =price +  parseInt($(this).val()) +  parseInt($('[name="ticketType"]').val());
    $('#price').text(price);
   }
   );
}
);

从组合框中选择值

2 个答案: