如何更新输入类型= n#34; text"使用var javascript onchange事件的值?

时间:2014-12-04 03:33:26

标签: javascript jquery html

如何使用var javascript type="text"更新输入onchange值?

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

首先,将10000.225填入输入type="text",然后它会提醒10,000.23(我的功能自动ReplaceNumberWithCommasroundFloat

这是我的问题,

我想用type="text"更新输入var zzz(替换旧值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()">

3 个答案:

答案 0 :(得分:2)

使用jQuery设置值。这会将变量zzz的值设置为ID为number

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

您已经在使用jQuery,但如果您想要一个纯JS版本,则可以

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

答案 1 :(得分:2)

使用纯javascript:

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

答案 2 :(得分:1)

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