/Javascript/jQuery/Jquery select change price

Jquery select change price

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="product-price" itemprop="price" id="price">$299.00</span>
<label>Magnification</label>
<select class="product-variants readers" id="readers" name="readers">
           <option data-price="0" value="0">None</option>
    <option data-price="40" value="+2000.50">+1.50</option>
     <option data-price="40" value="+2.00">+2.00</option>                   
    <option data-price="40" value="+2.50">+2.50</option>
</select>
 Run code snippetHide results

Source: stackoverflow.com

Similar codes

0 vote161 views1 answer
Jquery select selected get data name
Javascript jQuery
1 vote179 views2 answers
Remove all classes jquery
Javascript jQuery
10 votes184 views1 answer
Jquery get child div
Javascript jQuery
0 vote218 views2 answers
Get attribute of selected option jquery
Javascript jQuery
0 vote168 views1 answer
Jquery selector exists
Javascript jQuery
0 vote174 views4 answers
"jquery" + "coffeescript"
Javascript jQuery
1 vote165 views1 answer
Jquery to hide a div
Javascript jQuery
0 vote164 views1 answer
Jquery append once
Javascript jQuery
0 vote184 views3 answers
How to remove event listener in jquery
Javascript jQuery
1 vote157 views1 answer
Bootstrap modal tooltip
Javascript jQuery