Javascript 表单字段值不更改

我正在练习编写HTML表单和使用JavaScript函数

这是我的表格：

   <form method="post" id= "form1" name="form1" data-ajax="false"  action="<?php echo $editFormAction; ?>">
            <p>
              Moneda del Presupuesto:
              <select name="int_moneda">
                <option value="1" <?php if (!(strcmp(1, ""))) {echo "SELECTED";} ?>>PESO MXN</option>
                <option value="2" <?php if (!(strcmp(2, ""))) {echo "SELECTED";} ?>>USD</option>
              </select>
            </p>
            <p>Obra:            
              <select name="int_obra">
                <?php 
do {  
?>
                <option value="<?php echo $row_Recordset1['idObra']?>" ><?php echo $row_Recordset1['nombreObra']?></option>
                <?php
} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));
?>
              </select>
            </p>
            <p>Materiales:            
              <input type="text" name="dbl_materiales" value="" size="32" id = "mat" onChange="calculatetotal()">
            </p>
            <p>Mano de Obra: 
              <input type="text" name="dbl_mano_de_obra" value="" size="32" id = "mo"onChange="calculatetotal()">
            </p>
            <p>Utilidades: 
              <input type="text" name="dbl_utilidad" value="" size="32" id = "uti" onChange="calculatetotal()">
            </p>
            <p>Indirectos: 
              <input type="text" name="dbl_indirectos" value="" size="32" id = "ind" onChange="calculatetotal()">
            </p>
            <p>Pres.Aprobado por cliente: 
              <input name="dbl_total" type="text" id = "totCliente" value="" size="32" readonly="readonly" >
            </p>
            <p>% IVA: 
              <input type="text" name="dbl_porcentaje_iva" value="16.0" size="32" id="poriva">
            </p>
            <p>Total IVA: 
              <input type="text" name="dbl_total_iva" value="" size="32" id="totaliva">
            </p>
            <p>Total PRESUPUESTO:
              <input type="text" name="dbl_total_presupuesto" value="" size="32" id="totalpresupuesto">
            </p>
            <p>
              <input type="hidden" name="MM_insert" value="form1">
            </p>
          </form>

材料：

马诺·德奥布拉：

实用工具：

间接的：

Aprobado por客户负责人：

%IVA：

总IVA：

总压力：

这是我的测试JavaScript：

<script type="text/javascript"> 
function calculatetotal(){
    var mat = 0;
    mat = document.getElementById('mat').innerHTML;
    document.getElementById('totCliente').innerHTML = mat;
}
</script>

函数计算器总计（）{
var-mat=0；
mat=document.getElementById（'mat'）.innerHTML；
document.getElementById（'totCliente'）。innerHTML=mat；
}

如果更改“mat”字段的值，“totCliente”字段应该会动态获取该值，但任何情况都会发生

如果这个部分正常工作，我将在后面添加其他字段的值，第一个字段仅用于检查它为什么不正常工作

---

谢谢

不要使用

innerHTML

，而是使用

value

：

<script type="text/javascript"> 
function calculatetotal(){
    var mat = 0;
    mat = document.getElementById('mat').value;
    document.getElementById('totCliente').value = mat;
}
</script>

函数计算器总计（）{
var-mat=0；
mat=document.getElementById（'mat'）。值；
document.getElementById（'totCliente'）。value=mat；
}

这是

元素的一种特殊情况