Question

So using jQuery I was able to figure out how to change the value of HTML in a span on change with a selection drop down, but it’s a bit hacky. Here’s the code: http://jsfiddle.net/flinx777/ZMjun/

Currently I’m grabbing the class from the selection chosen and replacing the text in the span with the class value. Instead I’d prefer to define the span HTML (define the price of the product here) and when someone chooses from the selections, it either adds or subtracts from the price. So for example I’m trying to make the selection HTML like this:

<select id="price_change" name="buckle options">
<option value="" class="">Please select</option>
<option value="Stainless steel" class="">Stainless Steel</option>
<option value="Titanium" class="+20">Titanium</option>
<option value="No Buckle" class="-10">No Buckle</option>
</select>

This way I can define in the class in the selection options to either add or subtract from the product price (which is in the span) as opposed to the current way I’m doing it of having to manually do the math in the selection as I’m doing now.

Thanks!

Answer 1

You can try something like this:

http://jsfiddle.net/Fft7G/

but in my opinion, it is stange to set price in class