[SOLUCIONADO] no carga resultado en el input

[aviweb2015]

estoy tratando de hacer el calculo de horas * valor horas = total a pagar, pero no me muestra el resultado en el input total a pagar


input

Código PHP:

<div class="input-field col s12 m4">
<select name="horas"  onblur="calcula_porcentaje(this.form)">
<option value="" disabled selected>Cantidad Horas:</option>
<?php
$consulta = $DB_con->query("SELECT * FROM horas ORDER BY id_horas");
while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
?>
<option value="<?php echo $linea['horas'] ;?>"><?php echo $linea['horas'] ;?> Horas</option>
<?php
}
?>
</select>
</div>
 
 
 
<div class="input-field col s12 m4">
<input id="icon_prefix" class="black-text" type="text" name="valor_horas" value="<?php echo $valor_horas; ?>" readonly/>
<label for="cuentas" class="black-text ">Valor Horas:</label>
</div>
 
 
<div class="input-field col s12 m4">
<input id="icon_prefix" class="black-text" type="text" name="total_pago"/>
<label for="cuentas" class="black-text ">Total a Pagar:</label>
</div>
 

funcion

Código Javascript:

<script language="javascript">
 
function calcula_porcentaje(form) {
 
 
  var horas = form.horas.value;
  var valor_horas = form.valor_horas.value;
  var total_pago = form.total_pago.value;
 
  if (horas.length === 0) { return; }
  if (valor_horas.length === 0 && total_pago.length === 0) { return; }
  
  horas = parseInt (horas);
  
  var resultado = 0;
  
  if (total_pago.length === 0) {
  
    horas = parseInt(horas);
    resultado = horas * valor_horas;
 
    form.total_pago.value=resultado;
  
 
    } 
  
}
 
</script>
 

[hhs]

Simple realiza un debug desde las herramientas de chrome o firefox

[aviweb2015]

Iniciado por hhs

Simple realiza un debug desde las herramientas de chrome o firefox

nunca lo hecho amigo

[hhs]

Mi estimado existen muchos recursos en google y en youtube que te enseñaña como usar esas herramientas así que no creo que tengas problemas para aprender a usarlas y con eso puedes probar que esta pasando con tu script.

[aviweb2015]

Iniciado por hhs

Mi estimado existen muchos recursos en google y en youtube que te enseñaña como usar esas herramientas así que no creo que tengas problemas para aprender a usarlas y con eso puedes probar que esta pasando con tu script.

ya realice lo que me indico (debug) anexo los resultados



link: https://prntscr.com/l5itpc

[petit89]

te dejo este que hice rapido ocupando tu codigo, revisa bien lo que envias... asi como su formato, etc

https://jsfiddle.net/js82mtvd/

[aviweb2015]

Iniciado por petit89

te dejo este que hice rapido ocupando tu codigo, revisa bien lo que envias... asi como su formato, etc

https://jsfiddle.net/js82mtvd/

gracias petit89 me a servido espero te encuentres buen