Hallo,
ich will mit den Werten zweier Selectboxen rechnen.
Die Formel lautet: €/100*%
Sprich 75€/100*70 = 52,5
Mein Ansatz:
Die erste berechnen price += klappt eigentlich, aber sobald ich var result = price * percent; schreibe erscheint als Ergebnis NaN%.
Eventuell hat jemand einen Tipp für mich?
Danke
ich will mit den Werten zweier Selectboxen rechnen.
Die Formel lautet: €/100*%
Sprich 75€/100*70 = 52,5
Mein Ansatz:
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function () {
$('.price-option').change(function(){
var price = parseFloat($('.price').data('base-price'));
var percent = parseFloat($('.percent').data('base-price'));
$('.price-option').each(function(i, el) {
price += parseFloat($('option:selected', el).data('price'))/100;
});
$('.price-optionn').each(function(i, el) {
percent += parseFloat($('option:selected', el).data('percent'));
});
var result = price * percent;
$('.price span').text(result.toFixed(2));
});
});
});//]]>
</script>
</head>
<body>
<p class="price" data-base-price="0">£<span>0.00</span></p>
<select name="s1" class="price-option">
<option value="1" data-price="0">Wählen</option>
<option value="2" data-price="75.00">€ 75.00</option>
<option value="3" data-price="100.00">€ 100.00</option>
<option value="4" data-price="150.00">€ 150.00</option>
</select>
<select name="s2" class="price-optionn">
<option value="1" data-percent="0">Wählen</option>
<option value="2" data-percent="70.00">70%</option>
<option value="3" data-percent="75.00">75%</option>
<option value="4" data-percent="80.00">80%</option>
</select>
</body>
</html>
Die erste berechnen price += klappt eigentlich, aber sobald ich var result = price * percent; schreibe erscheint als Ergebnis NaN%.
Eventuell hat jemand einen Tipp für mich?
Danke