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

Display Form Input as Stylized String - Javascript

本文关键字:字符串 -Javascript 样式 表单 输入 显示      更新时间:2023-09-26

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

这是我的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。有什么想法吗?

Fiddle here:http://jsfiddle.net/7mzo8eb5/2/我希望它在每个输入的灰色div中显示给输入。

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

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