获取输入文本框的内容时，它的编辑

我有三个输入标签，其值预编码中：获取输入文本框的内容时，它的编辑

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

来源

2017-10-13 TimGraupner

添加.value的你getElementById的结束。

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

来源

2017-10-13 22:26:57

我试过了，但没有更新。我在网页中将它更改为5后尝试在函数中警告val1，它仍然表示为1. – TimGraupner

@TimGraupner打开浏览器控制台并检查错误。如果您看到任何内容，请返回此处并分享错误。这将有助于为您提供可靠的解决方案。在将这些值添加在一起之前或之中时，您可能还希望在这些值上使用诸如'parseInt（）'之类的东西。 – NewToJS

@NewToJS我看了一下错误，但也有一些，但没有一个与此有关。我没有为这个页面编写HTML，它只是一个类的赋值，我必须添加单个功能来添加这些数量。我改变了对Number（val1）的添加，现在它可以工作，但只适用于原始值。 – TimGraupner

获取输入文本框的内容时，它的编辑

回答

相关问题