Изменить цену, используя выбранный вариант текста

Question

Я пользуюсь Cart66, который не меняет цены на корзину, пока пользователь не просмотрит их корзину. Мне нужен способ изменить цену на текущий элемент, чтобы пользователь знал, что цена изменилась. Я решил, что это можно сделать с помощью jquery/js, но не могу понять, как это сделать.

Увеличение/уменьшение цены «cart66-price-value» на основе значения в «()» «опции выбора« cart66-select ».

<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();