2015-01-04 11 views
8

Desidero visualizzare più numeri grandi con virgole. Quindi, se il numero fosse 123456789, mostrerebbe 123,456,789. Mi sono guardato attorno ma ho trovato solo il codice che non avrebbe funzionato come volevo, speravo di trovare un aiuto qui. Inoltre, spero che sia anche dinamico, quindi le virgole cambieranno man mano che il numero cambia.Come posso visualizzare numeri grandi con virgole? HTML

Il numero che desidero modificare ha l'id = "valore".

Questo dovrebbe essere tutto, non penso che mi manchi qualcosa. Quindi, di nuovo voglio che il numero con un id = "value" contenga le virgole quando è necessario. Se hai bisogno di ulteriori informazioni per favore fammi sapere!

+0

@michaelpri Ho appena controllato che fuori, e ha cercato con il primo codice commenti e non funziona. Non capisco come prenderlo e applicarlo al mio codice per farlo prendere il numero giusto. – Cosmicluck

+0

La domanda è stata posta esclusivamente in termini HTML. Eppure una risposta JavaScript è stata accettata. La risposta corretta alla domanda * come richiesto * è che è sufficiente inserire il numero nel formato desiderato in HTML. Se la domanda doveva riguardare la modifica del contenuto HTML in JavaScript, avrebbe dovuto essere chiusa come duplicata. –

risposta

6

Questo è stato risposto qui:

How to print a number with commas as thousands separators in JavaScript

Nel caso in cui non sei interessato a leggere la risposta di cui sopra, il codice dato è stato questo:

function numberWithCommas(x) { 
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
} 

Se stai usando jquery usa qualcosa del tipo:

var val = parseInt($('#value').text()); 
//Use the code in the answer above to replace the commas. 
val = numberWithCommas(val); 
$('#value').text(val); 
+0

Sono sicuro che funzionerebbe, ma non so cosa farmene. Mi hai dato due codici, ma usa il secondo, poi nel secondo dì usa il primo. Non sono sicuro di cosa fare. – Cosmicluck

+1

La prima parte del codice è solo la funzione che verrà utilizzata per separare le virgole. Il secondo codice è ciò che fa il vero lavoro di cambiare il tuo valore in un valore pieno di virgole. nota che la risposta data da @Jiri Kremser è in realtà piuttosto grande. Consideralo –

+0

Non ho ancora ottenuto alcun risultato, dovrei aver cambiato qualcosa nel codice? – Cosmicluck

19

È possibile utilizzare toLocaleString:

num.toLocaleString('en', {useGrouping:true}) 
+1

Questa dovrebbe essere la risposta! – Jobsamuel

Problemi correlati