Question

我从数据库中提取项目，获取成本和用户定义的数量并显示总数。我的目标是拥有25行以上的耗材，用户可以计算并在最后添加总计。我无法在不刷新页面和丢失所有其他数据的情况下计算成本*数量。我是javascript的新手，我不明白为什么这对我不起作用。

<script type="text/javascript">
function updatesum(cost, quant, tot) {
    var qty = document.getElementsByid(quant).value;
    var price = document.getElementsByid(cost).value;
    document.getElementById(tot).value = (price * qty);

}
</script>

<cfoutput>
<cfform>
    <table>
        <tr>
        <td colspan=3>Supplies</td>
        </tr>
        <tr>
        <td>Date</td>
        <td>Supply</td>
        <td>Cost</td>
        <td>Quantity</td>
        <td>Total</td>
        </tr>
        <tr>
        <td><cfinput type="datefield" name="date_01" id="date_01"></td>
        <td><cfselect name="supply_01" onChange="">
                <option value="0"></option>
            <cfloop query="supplies">
                <option value="#supplies.id#">#supplies.supply#</option>
            </cfloop>
            </cfselect></td>
        <td><cfinput type="integer" name="unitCost_01" id="unitCost_01" value="" onChange="updatesum(unitCost_01, quantity_01, total_01"></td>
        <td><cfinput type="integer" name="quantity_01" id="quantity_01" onChange="updatesum(unitCost_01, quantity_01, total_01)"></td>
        <td><cfinput type="integer" readonly="yes" name="total_01" id="total_01" value=""></td>
        </tr>
    </table>
</cfform>  
</cfoutput>

Answer 1

您没有将字符串元素ID值传递给您的函数：

    <td><cfinput type="integer" name="unitCost_01" id="unitCost_01" value="" onChange="updatesum('unitCost_01', 'quantity_01', 'total_01'"></td>

您应始终打开浏览器开发者控制台，以便检查错误。

正如一些评论所指出的那样，getElementById()，＆＃34;元素＆＃34;单数。

动态Javascript计算，没有提交按钮

1 个答案: