Solo trato de analizar algunos números, obtengo que algunos terminan con 2 decimales. La entrada se envía como una cadena a la página, por lo que necesito analizarla para usarla.
Pero por alguna razón, mi valor total se concatena en lugar de agregar los 2 valores. Eliminando el .toFixed(); Tiene el comportamiento previsto Excluyendo los puntos decimales deseados. Agregado, hace que los valores se concatenen.
function update() { var servicefee = 1300; var select = document.getElementById('select-visa'); var cost = select.options[select.selectedIndex].value; var total = parseInt(servicefee) + parseFloat(cost).toFixed(2); document.getElementById('total').innerHTML = total; } <select id="select-visa" class="selectpicker " onChange="update()" aria-label="Default select example" > <option value="1725,52">Example 1</option> <option value="200">Example 2</option> </select> <p id="total"></p>Le agradecería si pudiera explicar por qué agregar puntos decimales al flotante provoca este comportamiento.
Number.prototype.toFixed() devuelve una cadena como respuesta. Agregar una cadena a un número encasillará el resultado en una cadena.
Por lo tanto, debe establecer el total como
var total = parseInt(servicefee) + +parseFloat(cost).toFixed(2); El símbolo + delante de +parseFloat(cost).toFixed(2); convertirá la cadena en número.
O bien, puede realizar la suma y agregar .toFixed(2) al total para mantener los lugares decimales en el resultado final
violín de trabajo
function update() { var servicefee = 1300; var select = document.getElementById('select-visa'); var cost = select.options[select.selectedIndex].value; var total = parseInt(servicefee) + parseFloat(cost); document.getElementById('total').innerHTML = total.toFixed(2); } <select id="select-visa" class="selectpicker " onChange="update()" aria-label="Default select example" > <option value="1725.52">Example 1</option> <option value="200">Example 2</option> </select> <p id="total"></p>