jquery - jQuery 写入跨越选择字段选择

Question

我正在用 simplecartjs 开一家商店，该商店有一些可以购买不同尺寸的产品，但价格会有所增加。所以我尝试了这个，但它没有向跨度写入任何内容。所以我需要它根据选择将价格写入 item_price 跨度，如果用户选择另一个选择，那么价格必须改变。这是我的代码：

<?php
include 'nav.php';
?>
<script type="text/javascript">
 $(".item_size").change(function(){
      if ($(this).val() == "25cm") {
            $('.item_price').append("20.00€");
      }
     if ($(this).val() == "50cm") {
            $('.item_price').append("30.00€");
      }
      if ($(this).val() == "100cm") {
            $('.item_price').append("45.00€");
      }
});
</script>
<div class="simpleCart_shelfItem">
    <h2 class="item_name">Quartz-kalvot </h2>
<p>    <select class="item_size">
        <option value="25cm"> 25cm x 30cm </option>
        <option value="50cm"> 50cm x 30xm</option>
        <option value="100cm"> 100cm x 30xm </option>
    </select><br>
    <input type="text" value="1" class="item_Quantity"><br>
    <span class="item_price"></span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a></p>
</div>

<?php
include 'footer.php';
?>

Answer 1

Answer 2