使用選擇選項文本更改價格

Question

我正在使用Cart66，在用戶查看購物車後才能更改購物車的價格。我需要一種方法來更改當前項目的價格，以便用戶知道價格已更改。我想這可以使用jQuery/js完成，但無法弄清楚如何。

根據「cart66-select」選項文本的「（）」中的值增加/降低「cart66-price-value」的價格。

<script class="cart66-select"> 
<option value="A">Coral</option> 
<option value="B">Passion Fruit (+5.00)</option> 
</script> 
<strong class="cart66-price-value">$24.00</strong> 

Answer 1

<select class="cart66-select"> 
    <option value="A" price="10">Coral</option> 
    <option value="B" price="5">Passion Fruit (+5.00)</option> 
</select> 
<strong class="cart66-price-value">$<span id="price">24.00</span></strong> 


<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     jQuery(".cart66-select").change(function(){ 
      var price = parseInt(jQuery(this).find(':selected').attr('price')).toFixed(2); 
      jQuery("#price").html(price); 
     }); 
    }); 
</script> 

Answer 2

可以使用jQuery是@Aaron來完成。看看example那

<select class="cart66-select"> 
    <option value="$24.00">Coral</option> 
    <option value="$29.00">Passion Fruit (+5.00)</option> 
</select> 
<strong class="cart66-price-value">$24.00</strong> 

var changePrice = function() 
{ 
    var select = $(".cart66-select"), 
     displayPrice = $(".cart66-price-value"); 

    select.change(function(){ 
     var selected = $(this).children("option:selected").val(); 
     displayPrice.text(selected); 
    }); 
} 

changePrice();