/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

19 votes181 views4 answers
Get element by name in jquery
Javascript jQuery
0 vote176 views2 answers
JQuery .hasClass for multiple values in an if statement
Javascript jQuery
0 vote166 views1 answer
Add jquery to project
Javascript jQuery
34 votes163 views6 answers
Jquery scroll to element
Javascript jQuery
3 votes164 views4 answers
Jquery ajax type json
Javascript jQuery
86 votes167 views6 answers
Onclick Event jquery
Javascript jQuery
38 votes164 views6 answers
Jquery check if element exists
Javascript jQuery
2 votes186 views3 answers
Jquery don't empty specific form field after submit
Javascript jQuery
0 vote159 views1 answer
Js similar jquery document ready
Javascript jQuery
1 vote168 views1 answer
Include multiple js files using jQuery $.getScript()
Javascript jQuery