将表单输入显示为程式化字符串 - Javascript

时间:2014-10-02 20:51:57

标签: javascript jquery html

我正在尝试从数字字段中获取输入并将其显示在页面上的其他位置。

这是我的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/我希望在每个输入的灰色div中显示输入。

1 个答案:

答案 0 :(得分:3)

问题在于var amount = $('#dollar').value;

value不是属性,但val是一个函数。应该是:var amount = $('#dollar').val();