更改其他文本框中的值时自动更新文本框

时间:2019-04-28 08:59:14

标签: javascript html google-apps-script

我有一个Google脚本,该脚本可以创建一个HTML页面,其中包含可变数量的文本框,并用值预先填充这些文本框。我需要一个最终的文本框,以显示上述文本框中的值之和。如果用户更改了文本框中的任何值,那么我需要总和才能自动更新。
类似于此问题Auto update text box depending on an input box,但输入框的数量未知。

这是生成输入框的代码,它们基于“ Brew_Hops_Weight”范围,该范围可能会有所不同。

      <fieldset>
          <legend>Hops</legend> 
            <? var data = getRange4("Brew_Hops").getValues(); ?>
            <? var hopWeights = getRange4("Brew_Hops_Weight").getValues(); ?>
            <table>
              <tr> <th>Hops</th> <th>Current Weight&nbsp; &nbsp; &nbsp;</th> <th>Proposed Weight</th> </tr>
              <? for (var i = 0; i < data.length; i++) { ?>
                <tr >
                  <? for (var j = 0; j < data[i].length; j++) { ?>
                    <td> <input name="selector[]" class="ads_Checkbox" type="checkbox"checked /> <?= data[i][j] ?> </td>  
                    <td> <?= Math.round(hopWeights[i][j]*100)/100 ?> </td>
                    <td> <input type="text" size="8" name="IBUs" value=<?= Math.round(hopWeights[i][j]*100)/100 ?>  /> <td> 
                  <? } ?>                 
                </tr>
              <? } ?>
             <tr> 
                  <td><strong>IBU</strong></td> 
                  <td><strong><?= Math.round(getRange4("Brew_IBU").getValue()) ?></strong></td> 
                  <td> <input type="text" size="8" name="IBUs" value="xx"  </td>
             </tr>
            </table>
     </fieldset>

0 个答案:

没有答案