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