JS - onkeyup（動態計算）

Question

一個非常簡單的表，一個單元格需要一個數字，第二個（只讀） 即時顯示該數字的兩倍。但是，有些東西是行不通的。什麼也沒有發生：

HTML：

<td><input type="text" id="qantity" name="qantity" onkeyup="getValues()" 
class="number" value="" autofocus placeholder="0" 
onfocus="this.placeholder = ''" 
onblur="this.placeholder = '0'" 
onkeypress='return event.charCode >= 48 && event.charCode <= 57'> 
</input></td> 
<td id="total" name="total" class="right">0.00</td> 

JS：

<script> 
function getValues(){ 
var var_qantity = Number(document.getElementById("qantity").value); 
var var_total = var_qantity * 2; 
document.getElementById("total").value = var_total; 
} 
</script> 

Answer 1

更換 document.getElementById("priceOriginal").value = var_total; 與 document.getElementById("total").innerHTML = var_total;

現在2倍值將是可見只要數量類型在文本框中。

如果您需要其他功能，請稍微具體。

希望這會有所幫助。