Amigos tengo un problema con un select
. Resulta que cuando le pongo la clase: class="browser-default"
me funciona perfectamente para el cálculo del porcentaje, pero cuando le quito la clase y dejo el select:
<select name="porcentaje" onblur="calcula_porcentaje(this.form)" required>
no me funciona no se si sera algún problema con el framework de Materialize o me faltaría agregar algo en mi función Javascript. Anexo el código abajo:
Select:
<div class="input-field col s12 m3">
<select name="porcentaje" onblur="calcula_porcentaje(this.form)" required>
<option value="" disabled selected>Porcentaje:</option>
<?php
$consulta = $DB_con->query("SELECT * FROM porcentaje ORDER BY id_porcentaje");
while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
?>
<option value="<?php echo $linea['porcentaje'] ;?>"><?php echo $linea['porcentaje'] ;?>%</option>
<?php } ?>
</select>
</div>
Función Javascript:
function calcula_porcentaje(form) {
var monto = form.monto.value;
var porcentaje = form.porcentaje.value;
var total = form.total.value;
if (porcentaje.length === 0) { return; }
if (monto.length === 0 && total.length === 0) { return; }
porcentaje = parseInt (porcentaje);
var resultado = 0;
if (total.length === 0) {
monto = parseInt(monto);
resultado = monto * porcentaje/100;
form.total.value = monto + resultado;
} else {
total = parseInt(total);
resultado = total * porcentaje/100;
form.monto.value = total - resultado;
}
form.ganancia.value = Math.round(resultado);
}