/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

1 vote119 views1 answer
Select2 jquery example search
Javascript jQuery
3 votes103 views2 answers
Select options of Select2 control based on values using Jquery
Javascript jQuery
22 votes105 views2 answers
Jquery loop through each child element
Javascript jQuery
24 votes108 views2 answers
Jquery append element to body
Javascript jQuery
2 votes113 views1 answer
How to set text for label in jquery
Javascript jQuery
1 vote106 views1 answer
Onscroll add class jquery
Javascript jQuery
3 votes110 views1 answer
Remove all options from select jquery
Javascript jQuery
0 vote103 views2 answers
Get the first word from a string jquery
Javascript jQuery
8 votes110 views4 answers
Jquery store data attribute in variable
Javascript jQuery
278 votes275 views6 answers
Settimeout jquery
Javascript jQuery