Multiplizieren Sie den Menüwert und aktualisieren Sie die Tabelle mit dem Wert

Question

Ich habe ein Auswahlmenü mit verschiedenen Optionswerten. Ich muss den gewählten Wert mit "10" multiplizieren, wenn der gewählte Wert kleiner als 25 ist, wenn der gewählte Wert 25 oder größer ist, muss ich ihn mit "12" multiplizieren.

Ich bin neu in JS. Ich bin in der Lage, es durch Multiplikation mit nur 10 mit dem folgenden Code zu arbeiten, aber ich weiß nicht, wie die if/else-Anweisung zu überprüfen, ob die Auswahl weniger als 25 ist und mit 10 oder 25 oder größer multiplizieren und multiplizieren 12. von

Html:

<table width="100%" border="0"> 
    <tr> 
    <td> 
     <select id="licenseRegs"> 
     <option value="5">5</option> 
     <option value="10">10</option> 
     <option value="15">15</option> 
     <option value="20">20</option> 
     <option value="25">25</option> 
     <option value="50">50</option> 
     <option value="75">75</option> 
     <option value="100">100</option> 
     <option value="125">125</option> 
     </select> 
     </td> 

     <td id="total-price">Price show here</td> 
    </tr> 
    </table> 

Javascript: Diese multipliziert alle ausgewählten Werte von 10. ich brauche es um 10, wenn weniger als 25, aber multipliziert mit 12, wenn 25 oder mehr zu multiplizieren.

// calculate price of # of computer selection 
$(document).ready(function() { 
    var pricePerReg = 10; 
    var licenseRegsSelect = $('#licenseRegs'); 

    function updateTotalPrice() { 
    licenseRegs = licenseRegsSelect.val(); 
    $('#price').html(pricePerReg * licenseRegs); 
    } 

    licenseRegsSelect.change(function() { 
    updateTotalPrice(); 
    }); 

    updateTotalPrice(); 
}); 

Answer 1

Code verwenden, Ich habe hinzugefügt, ein if/else-Anweisung (hoffentlich ist es selbsterklärend Ihre Beschreibung des Problems gegeben es ist nur, dass -. Prüfen, ob licenseRegs kleiner als oder entweder größer als oder gleich 25).

Ich habe auch die eingebaute parseInt() verwendet, um die Zahl als eine ganze Zahl abzurufen; Es wird als Zeichenfolge gespeichert. (Dies ist der Unterschied zwischen „25“ (string) und 25 (int) dies nicht notwendig sein könnte, aber es ist eine gute Übung für weitere Informationen zu dieser Frage vorgelegt:..! How do I convert a string into an integer in JavaScript?

// calculate price of # of computer selection 
$(document).ready(function() { 
    var pricePerRegUnder = 10; 
    var pricePerRegAbove = 12; 
    var licenseRegsSelect = $('#licenseRegs'); 

    function updateTotalPrice() { 

    licenseRegs = parseInt(licenseRegsSelect.val(), 10); 

    ///////////// New code here //////////// 
    var total; 
    if (licenseRegs < 25) { 
     total = licenseRegs * pricePerRegUnder; 
    } else { 
     total = licenseRegs * pricePerRegAbove; 
    } 
    //////////// Ends here ///////////////// 

    $('#price').html(total); 
    } 

    licenseRegsSelect.change(function() { 
    updateTotalPrice(); 
    }); 

    updateTotalPrice(); 
});