獲取輸入文本框的內容時，它的編輯

我有三個輸入標籤，其值預編碼中：獲取輸入文本框的內容時，它的編輯

<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

獲取輸入文本框的內容時，它的編輯

回答

相關問題