編輯輸入文本框時獲取其內容

Question

我有三個輸入標簽，其值已預先編碼為：

    <input type="text" id="qty1" value="1" style="width:20px"></input>
    <input type="text" id="qty2" value="2" style="width:20px"></input>
    <input type="text" id="qty3" value="2" style="width:20px"></input>

稍后，我有一個按鈕（updateQuantities），當單擊該按鈕時，應將這些值加在一起，然后將合計值發布到其他位置（quantity_items）。 但是，當我更改文本框的內容時，“值”屬性不會更新。 有沒有簡單快捷的方法來獲取包裝箱的當前更新內容？ 這是我制作的JavaScript：

        <script>
    var num1 = document.getElementById("qty1");
    var num2 = document.getElementById("qty2");
    var num3 = document.getElementById("qty3");
    document.getElementById("updateQuantities").addEventListener("click", function(){update(num1, num2, num3);});
    function update(val1, val2, val3){
        alert(val1);
        var total = val1 + val2 + val3;
        document.getElementById("quantity_items").innerHTML = total;
    }
        </script>

Answer 1

在您的getElementById的末尾添加一個.value。

var num1 = document.getElementById("qty1").value;
var num2 = document.getElementById("qty2").value;
var num3 = document.getElementById("qty3").value;