在文本框中显示 div 消息的 JavaScript 代码

Question

下面是我计算总数的脚本..

<script type="text/javascript" >
    function calculateTotal() {
        // price per unit 
        var priceEL = document.getElementById('price');
        // get input element from DOM
        var inputEl = document.getElementById('quantity');
        // read quantity from the input element (it is read as a string)

         var priceSting = priceEL.value;
        var quantitySting = inputEl.value;
        // convert string value from the form element into integer (or float if needed)
        var quantity = parseInt(quantitySting);
        var price = parseInt(priceSting);
        // calculate total
        var total = price * quantity;
        // get element that displays total from DOM
        var displayEl = document.getElementById('total')
        // display total value in target element
        displayEl.innerHTML = total;
    }
</script>

现在我的代码回显 div 标签内的总值...如下

<div id ="total"></div>

我需要在下面的文本框中显示总计......

<input type="textbox" name="total" id ="total"></td>

Answer 1

请记住，对 HTML 中的所有输入字段使用 .value，innerHTML 用于只读文本字段

根据您的要求使用:

displayEl.value=total;