顯示窗體輸入爲風格化字符串 - Javascript

Question

我想從數字字段中輸入並將其顯示在頁面上的其他位置。

這裏是我的HTML

<input id="dollar" type="text" name="mytextfield2" onkeyup="updateDollarDisplay();"> 
<div id="dollarValue"></div> 

和我的javascript

function convertDigitsToArray(number){ 
var s = parseInt(number).toString(10).split("").map(Number); 
return s; 
} 

function updateDollarDisplay() { 
    var amount = $('#dollar').value; 
    var a = convertDigitsToArray(amount); 
    console.log(a[0]); 
    $('#dollarValue').text(a[0]); 

} 

在JavaScript解釋器運行的確切代碼工作正常，它給了我每一個數字作爲數組中的元素。當我嘗試通過HTML頁面執行相同操作時，每次都會給我NaN。有任何想法嗎？

這裏的小提琴：http://jsfiddle.net/7mzo8eb5/2/我希望它顯示輸入在每個輸入灰色格。

Answer 1

問題是與var amount = $('#dollar').value;

value不是一個屬性，但val是一個函數。應該是：var amount = $('#dollar').val();