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）。但是，当我更改文本框的内容时，＆＃34;值＆＃34;属性没有更新。有没有简单快捷的方法来获取盒子的当前更新内容？这是我所做的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;

在编辑输入文本框时获取其内容

1 个答案: