以美元货币格式显示输入字段

时间:2014-08-05 11:05:17

标签: javascript html

我有一个文本字段,它从数据库中显示为数字,即1234567.我想将该数字显示为美元货币格式,即1,234,567美元。任何人都可以帮我解决...我的HTML代码是..

<html>
<td>gettingfromdatabase.price</td>
</html>

2 个答案:

答案 0 :(得分:0)

您可以尝试使用Javascript:

function handleChange() {
var x = document.getElementById("name").value;

    if (x.indexOf("$") != 0)
    {
        x = "$" + x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }

    document.getElementById("name").value = x;
}

<强> JSFIDDLE Demo

答案 1 :(得分:0)

使用Javascript!有这样做的功能!

<script>
Number.prototype.formatMoney = function(places, symbol, thousand, decimal) {
    places = !isNaN(places = Math.abs(places)) ? places : 2;
    symbol = symbol !== undefined ? symbol : "$";
    thousand = thousand || ",";
    decimal = decimal || ".";
    var number = this, 
        negative = number < 0 ? "-" : "",
        i = parseInt(number = Math.abs(+number || 0).toFixed(places), 10) + "",
        j = (j = i.length) > 3 ? j % 3 : 0;
    return symbol + negative + (j ? i.substr(0, j) + thousand : "") + i.substr(j).replace(/(\d{3})(?=

\d)/g, "$1" + thousand) + (places ? decimal + Math.abs(number - i).toFixed(places).slice(2) : "");
};

var total = 4555;
console.log(total.formatMoney());

</script>

然后在你想要的地方设置total.formatMoney()!您在console.log(total.formatMoney());设置对象或字段的位置。

如果是字段document.getElementById('objectID').innerHTML= total.formatMoney();,则可以使用('objectID')中设置的span,div。