如何根据HTML中的下拉列表中的数量选择来计算价格

Question

嗨，我正在做一个像应用程序的购物车在我的下拉用户应该根据价格应该改变选择数量如何实现？ 听说我们可以在javascript中使用onChange（）函数来完成它。帮助我实现这一目标

<p id="price"> <h3> MRP - <?php echo $row['price'] ?> </h3> </p>
<p> Total Price: Total price should load here </p>


    <select class="form-control" name='item' id='item' onchange=''>
    <option>Select Quantity</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>

    </select>

Answer 1

你可以在这里查看演示Demo Here

function getamount(value)
 {
 var price=$("#price").html().replace ( /[^\d.]/g, '' );
 var amount=parseInt(value)*parseInt(price);
 alert(amount);
 $("#amount").html("Total Price: " +amount);
 }

Answer 2

如果你想在php中获得价格：

<form method="post">
  <select class="form-control" name='item' id='item' onchange=''>
  <option>Select Quantity</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  </select>
</form>
<?php 
$_POST['item']; //gives you the value that is selected when form is submitted 
?>

还有第二种方法可以获得值onChange，然后使用javascript获取值。 但是，只有在用户更改值时才想直接执行某些操作，这才是必要的。 然后，如果你想直接用php做一些你需要做ajax请求的值。