jQuery(function() { jQuery( "#slider-range-min" ).slider({ range: "min", value: 1, step: 1000, min: 100000, max: 3000000, slide: function( event, ui ) { jQuery( "#amount" ).val( "$" + ui.value ); } }); jQuery( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) ); }); The field "amount" on our page is filled with the value, but we want this value to be formatted similar to PHPs number_format (with commas, etc).
How would I go about doing this in javascript?
you can use two native javascript functions for this.
var num = new Number(65.823474); var result = num.toPrecision(2); // 65 var num = new Number(65.823474); var result = num.toFixed(2); // 65.82 However, it does not add the (localized) comma's.
Depending on the culture you are writing for you should replace/insert dots and comma's.
Number(65.823474).toPrecision(2) and simply (65.823474).toPrecision(2).function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } 
here i found a pretty good script to format numeric data in javascript, googling a little bit. The code is a little too large, so here's the link to the author's article:
How to format numbers in JavaScript flexibly and efficiently
The sole thing with it is it uses prototype, so its not "pure" javascript... hope you can use it!
