2014-12-04 66 views
1

如何使用var javascript onchange甚至更​​新輸入值type="text"如何用var javascript onchange甚至更新input type =「text」值?

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()"> 
+2

document.g etElementById(「number」)。value = zzz; – Cattla 2014-12-04 03:36:59

回答

2

純javascript:

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

謝謝你的幫助。 – 2014-12-04 03:40:22

+0

@robertwisyert樂於幫助:) – Cattla 2014-12-04 03:41:00

2

使用jQuery來設置值。此設置變量zzz的值是值,其中ID爲number

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

你已經在使用jQuery的,但如果你想有一個純JS的版本,你可以用做

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

沒有跡象表明他在使用jQuery。 – 2014-12-04 03:38:08

+0

@ id.ot他的代碼示例包含jQuery,並將問題標記爲jQuery – 2014-12-04 03:38:58

+0

我站得更正。 – 2014-12-04 03:39:25

1

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

相關問題