跨度自动显示格式货币?

时间:2017-03-28 14:47:49

标签: javascript jquery html

我的javascript代码是这样的:

var format = function(num){
    var str = num.toString().replace("$", ""), parts = false, output = [], i = 1, formatted = null;
    if(str.indexOf(",") > 0) {
        parts = str.split(",");
        str = parts[0];
    }
    str = str.split("").reverse();
    for(var j = 0, len = str.length; j < len; j++) {
        if(str[j] != ".") {
            output.push(str[j]);
            if(i%3 == 0 && j < (len - 1)) {
                output.push(".");
            }
            i++;
        }
    }
    formatted = output.reverse().join("");
    return(formatted + ((parts) ? "," + parts[1].substr(0, 2) : ""));
};
$(function(){
    $("#currency_one").keyup(function(e){
        $(this).val(format($(this).val()));
    });
});

我的完整代码和演示如下:http://jsfiddle.net/oscar11/s6rCN/544/

我希望这样显示:

enter image description here

id命名为currency_one(textfield first),它可以正常工作

id名为currency_two(textfield second),它不起作用

我仍然很难在span标签或标签上自动显示

有没有人可以帮助我?

1 个答案:

答案 0 :(得分:1)

你没有打电话给&#34; keyup&#34;函数在第二个元素上。

你的意思是这样吗?

$("#currency_two").keyup(function(e){
    $(this).next('span').text(format($(this).val()));
});

http://jsfiddle.net/s6rCN/552/