gpt4 book ai didi

javascript - 获取编辑后的输入文本框的内容

转载 作者:行者123 更新时间:2023-11-28 14:44:55 27 4
gpt4 key购买 nike

我有三个输入标记,其值预先编码在:

    <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>

最佳答案

将 .value 添加到 getElementById 的末尾。

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

关于javascript - 获取编辑后的输入文本框的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46738789/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com