/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 vote150 views1 answer
Select element as role in jquery
Javascript jQuery
3 votes138 views1 answer
Jquery $(...)..each() is not a function
Javascript jQuery
18 votes164 views1 answer
Remove attribute jquery
Javascript jQuery
152 votes311 views6 answers
Jquery document ready
Javascript jQuery
0 vote137 views2 answers
Jquery.validate.unobtrusive dynamic content
Javascript jQuery
7 votes136 views6 answers
How to find a name of class from page in jquery
Javascript jQuery
0 vote137 views1 answer
Jquery datetimepicker example code
Javascript jQuery
2 votes140 views1 answer
Select name get option value jquery
Javascript jQuery
10 votes137 views3 answers
Jquery react npm
Javascript jQuery
67 votes143 views4 answers
Document load complete jquery
Javascript jQuery