양식 필드 값이 변경되지 않습니다

Question

저는 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> 

그리고 이것은 내 테스트 자바 스크립트는 다음과 변경 '매트'필드 값이 'totCliente'필드는에 값을 받아야하는 경우

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

날지 만, 아무 일도 일어나지 않습니다.

이 부분을 작동 시키면 나중에 다른 필드 값을 추가합니다.이 첫 번째 필드는 왜 작동하지 않는지 확인하는 것입니다.

가 대신 innerHTML를 사용하는 당신에게

Answer 1

감사 value를 사용

이

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

이것은 <input> 요소에 대한 특별한 케이스의 일종이다.