Javascript自动求和动态文本框

我正在创建一个报价/订单页面，其中包含订单的不同类型选项，所有这些选项的计算方式都不同。我有一个javascript函数，它将在更改后将输入的值放入文本框，并在页面底部添加一个总数。我遇到的问题是，基础产品可以是多个长度，许多期权价格是按英尺计算的。因此，我所做的是创建一个隐藏字段，存储基本产品的长度，并使用下拉菜单选择选项。我有另一个javascript函数，它将这两个值相乘，并将总数放入其中一个文本框中，该文本框应与第一个函数自动求和。两者的工作完全独立，但我的问题是，当乘法函数自动更新文本框时，无法识别sum函数的“on change”命令

非常感谢您的帮助

代码

<script type="text/javascript">

function multiplyLengthWalls(){
var length = parseInt(document.getElementById('length').value, 10);
var walls = parseInt(document.getElementById('walls').value, 10);
var total = length*walls;

document.getElementById('wallstotal').value = total;
}


</script>



<script type="text/javascript">

    function sumCost() {
        var arr = document.getElementsByName('featuretotal');
        var tot = 0;
        for(var i=0; i<arr.length;i++){
            if(parseInt(arr[i].value))
                tot += parseInt(arr[i].value);
        }
        document.getElementById('totalcost').value = tot;

    }
</script>

函数multipleLengthWalls（）{
var length=parseInt（document.getElementById（'length'）。值，10）；
var walls=parseInt（document.getElementById（'walls'）。值，10）；
var总=长度*墙壁；
document.getElementById（'wallstotal'）。值=总计；
}
函数sumCost（）{
var arr=document.getElementsByName（'featuretotal'）；
var-tot=0；
对于（var i=0；i
上限：
楼层：

结构的
隐藏--
当我看到一些代码时，我将取消我的投票。有许多有用的沙箱站点可以帮助您共享示例代码：、和等。但是您也应该在这里发布一些代码供我们阅读。PHP代码对Javascript解决方案没有多大帮助。如果您正在寻找有关PHP的帮助，您确实需要发布解释PHP的输出JS。
<td><select name="walls" id="walls" onchange="multiplyLengthWalls()">
            <?php
do {  
?>
            <option value="<?php echo $row_walls['dcost']?>"><?php echo $row_walls['name']?></option>
            <?php
} while ($row_walls = mysql_fetch_assoc($walls));
  $rows = mysql_num_rows($walls);
  if($rows > 0) {
      mysql_data_seek($walls, 0);
      $row_walls = mysql_fetch_assoc($walls);
  }
?>
          </select></td>
          <td><label for="wallstotal"></label>
          <input type="text" name="featuretotal" id="wallstotal" class="test" onchange="sumCost()"/></td>
        </tr>
        <tr>
          <td>Ceiling:</td>
          <td><label for="ceiling"></label>
            <select name="ceiling" id="ceiling">
              <?php
do {  
?>
              <option value="<?php echo $row_ceiling['dcost']?>"><?php echo $row_ceiling['name']?></option>
              <?php
} while ($row_ceiling = mysql_fetch_assoc($ceiling));
  $rows = mysql_num_rows($ceiling);
  if($rows > 0) {
      mysql_data_seek($ceiling, 0);
      $row_ceiling = mysql_fetch_assoc($ceiling);
  }
?>
          </select></td>
          <td><label for="ceilingtotal"></label>
          <input type="text" name="featuretotal" id="ceilingtotal" class="test" onchange="sumCost()"/></td>
        </tr>
        <tr>
          <td>Floor:</td>
          <td><label for="floor"></label>
            <select name="floor" id="floor">
              <?php
do {  
?>
              <option value="<?php echo $row_floor['dcost']?>"><?php echo $row_floor['name']?></option>
              <?php
} while ($row_floor = mysql_fetch_assoc($floor));
  $rows = mysql_num_rows($floor);
  if($rows > 0) {
      mysql_data_seek($floor, 0);
      $row_floor = mysql_fetch_assoc($floor);
  }
?>
          </select></td>
          <td><label for="floortotal"></label>
          <input type="text" name="featuretotal" id="floortotal" class="test" onchange="sumCost()"/></td>
        </tr>
      </table>
      <p>&nbsp;</p>
    </div>

    <div id="structural">structural</div>

    <div id="hidden">hidden -- 
      <input name="length" type="hidden" id="length" value="<?php echo $row_models['length']; ?>" />
    </div>
  </div>
  <div id="footer">

    <div id="total">total:<input name="totalcost" type="text" id="totalcost" readonly="readonly" /></div>