Skip to main content

problema con clase Hacer cálculo de porcentaje onblur()

amigosAmigos tengo un problema con un select resultaselect. Resulta que cuando le pongo la clase: class="browser-default"class="browser-default" me funciona perfectamente para el calculocálculo del porcentaje, pero cuando le quito la clase y dejo el select: select name="porcentaje" onblur="calcula_porcentaje(this.form)" required/

<select name="porcentaje" onblur="calcula_porcentaje(this.form)" required> 

no me funciona no se si sera algún problema con el framewordframework de materializeMaterialize o me faltaría agregar algo en mi función javascript anexoJavascript. Anexo el código abajo:

select

Select:

<div class="input-field col s12 m3">
    <select name="porcentaje"  onblur="calcula_porcentaje(this.form)" required/>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/select>100;
  <      form.total.value = monto + resultado; 
    } else {
        total = parseInt(total);
        resultado = total * porcentaje/div>100;
        form.monto.value = total - resultado;
    }
    form.ganancia.value = Math.round(resultado);  

}

función

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);}

problema con clase

amigos tengo un problema con un select resulta que cuando le pongo la clase: class="browser-default" me funciona perfectamente para el calculo 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 frameword de materialize o me faltaría agregar algo en mi función javascript anexo el código

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

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);}

Hacer cálculo de porcentaje onblur()

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);  

}
Origen Enlace
yoclens
  • 555
  • 2
  • 7
  • 28

problema con clase

amigos tengo un problema con un select resulta que cuando le pongo la clase: class="browser-default" me funciona perfectamente para el calculo 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 frameword de materialize o me faltaría agregar algo en mi función javascript anexo el código

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

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); }