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>