Javascript 如何在更改选择值时更新价格

我需要将select选项的值更改为select字段中所选的值，还需要更新select选项更改时的价格，如何使用jquery进行操作

$a =5000;
$b=225;
 $c=25;

                          <p> base fair echo $a</p>
 <p id='options'>value of select option  250</p>// change price depending on select option 
     <p> tax </p>                       echo $b
  <p>other charges</p>                  echo  $c
    <p>Total price  </p>               echo $a+250+$b+$c// change price once the select option changes 

  <select>
 <option value="250">250</option>
  <option value="300">300</option>
<option value="350">350</option>
  <option 400="audi">400</option>
</select>

$a=5000；
$b=225；
$c=25；
基本公平回音$a

选择选项250的值
//根据选择选项更改价格
税收
echo$b
其他费用
echo$c
总价
echo$a+250+$b+$c//选择选项更改后更改价格
250
300
350
400

试试这个：

Html:

---

您可以通过这个简单的代码实现这一点

在隐藏输入中获取

$a、$b、$c

的总计，并在更改选择框时获取所选选项的值和

$a、$b、$c

隐藏输入的值，添加值和，更改总计的html，并在表单提交的隐藏字段中设置总计

<?php 
$a =5000;
$b= 225;
$c= 25;
$abc_toal = 5000+225+25;
?>
<input type="hidden" name="abc_total" id="abc_total" value="<?php echo $abc_toal; ?>" />
<p> base fair :  5000</p>
<p> Select Price 
    <select  id="price" >
        <option value="250">250</option>
        <option value="300">300</option>
        <option value="350">350</option>
        <option value="400">400</option>
    </select> 
</p>
<p> tax : 225</p>
<p>other charges : 25</p>

<p id="total_html" >Total price : 5500 </p>
<input type="hidden" id="total" />

这个问题有重复的地方。$a、$b、$c的值是静态的吗？？未来不会改变吗？@jayeshit会改变的
$("#selection").change(function() {
        var val = parseInt($(this).val());
        $("#optionVal").text(val);
        var basVal = parseInt($("#basicVal").text());
        var tax = parseInt($("#taxVal").text());
        var other_changes = parseInt($("#otherVal").text());
        var total = basVal + val + tax + other_changes;
        $("#total").text(total);
});

<?php 
$a =5000;
$b= 225;
$c= 25;
$abc_toal = 5000+225+25;
?>
<input type="hidden" name="abc_total" id="abc_total" value="<?php echo $abc_toal; ?>" />
<p> base fair :  5000</p>
<p> Select Price 
    <select  id="price" >
        <option value="250">250</option>
        <option value="300">300</option>
        <option value="350">350</option>
        <option value="400">400</option>
    </select> 
</p>
<p> tax : 225</p>
<p>other charges : 25</p>

<p id="total_html" >Total price : 5500 </p>
<input type="hidden" id="total" />

<script>
$(document).ready(function(){
    $('#price').change(function(){
        var abc_total = parseInt($('#abc_total').val());
        var selected_price = parseInt($(this).val());
        var total = (abc_total+selected_price);

        $('#total_html').html('Total price : '+total );
        $('#total').val(total);

    });
});
</script>