如何使用var javascript onchange更新輸入type =“ text”值？

Question

如何使用var javascript onchange even更新input type="text"值？

http://jsfiddle.net/A4wxX/84/

首先，填寫10000.225為輸入type="text" ，然后它會警告10,000.23 （我的功能自動ReplaceNumberWithCommas和roundFloat ）

這是我的問題

我想用var zzz更新輸入type="text" （替換舊值EG: replace 10000.225 with 10,000.23 ），我該怎么做？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>

<script type="text/javascript">

function SetCard() {
    var number_var = document.getElementById("number").value;        

    function ReplaceNumberWithCommas(yourNumber) {
        //Seperates the components of the number
        var components = yourNumber.toString().split(".");
        //Comma-fies the first part
        components [0] = components [0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        //Combines the two sections
        return components.join(".");
    }

    function roundFloat(num,dec){
        var d = 1;
        for (var i=0; i<dec; i++){
            d += "0";
        }
        return Math.round(num * d) / d;
    }

    var xxx = number_var;

    var yyy = Math.round(xxx * 100) / 100;
    var zzz = (ReplaceNumberWithCommas(yyy));

    alert(zzz);
}   
</script>

<input type="text" id="number" onchange="SetCard()">

Answer 1

使用jQuery設置值。 這zzz變量zzz的值設置為ID為number的值

$('#number').val(zzz);

您已經在使用jQuery，但是如果您想使用純JS版本，則可以執行

document.getElementById('number').value = zzz; 

Answer 2

使用純JavaScript：

document.getElementById("number").value = zzz; 

Answer 3

只使用document.getElementById("number").value = zzz;