• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mit Werten zweiter Selectboxen rechnen

D

derises

Mitglied
Hallo,

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">&pound;<span>0.00</span></p>

<select name="s1" class="price-option">
    <option value="1" data-price="0">W&auml;hlen</option>
    <option value="2" data-price="75.00">&euro; 75.00</option>
    <option value="3" data-price="100.00">&euro; 100.00</option>
    <option value="4" data-price="150.00">&euro; 150.00</option>
</select>

<select name="s2" class="price-optionn">
    <option value="1" data-percent="0">W&auml;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
 
Werbung:
derises schrieb:
Hallo,

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">&pound;<span>0.00</span></p>

<select name="s1" class="price-option">
    <option value="1" data-price="0">W&auml;hlen</option>
    <option value="2" data-price="75.00">&euro; 75.00</option>
    <option value="3" data-price="100.00">&euro; 100.00</option>
    <option value="4" data-price="150.00">&euro; 150.00</option>
</select>

<select name="s2" class="price-optionn">
    <option value="1" data-percent="0">W&auml;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
Zum Vergrößern anklicken....

Schau mal was dir console.log(price, percent) ausgibt.
 
Werbung:
Ähm, eine Frage hätte sich mir da trotzdem noch ergeben...

Hier der Code: http://jsfiddle.net/tMqX4/223/

Nun wäre es noch toll, dass zu den z.B 52.50€ immer der Euro Betrag in der ersten Selectbox addiert wird.

Mein Code:
Code: 
var result = parseFloat(years / 100 * names + years).toString().split('.');

Danke
 
Hallo,
das alte javascript + Rechnen problem.
Das Problem ist das + ist JS ein andere Funktion hat und wenn mit ausgelesen felder arbeitest denkt JS das ist Text und keine zahl, also musst JS sagen "Ey das ist ein Zahl und rechne"

Code: 
var result = parseFloat((years / 100 * names)+parseFloat(years)).toString().split('.');

Cheffchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben