从输入标签向段落添加一千个分隔符

Question

我有一个执行计算的输入标记，但我想获取输入标记的值并将其解析为段落标记并设置其格式。这是输入标记

<form:input id="amount" min="1" class="form-control"
                                                        type="number"  required="true"
                                                        placeholder="Enter Value"></form:input>

这是用于设置上面输入的值的格式的段落标记

<p>Inputted Amount: </p>

我已经研究过并拥有这个，但不知道如何将其传递给段落标签：

function addSeperator(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;
}

Answer 1

您可以使用 Intl.NumberFormat 来设置数字的格式：请参阅我为您创建的此代码笔。示例代码：&nbsp; Input:&nbsp; <input&nbsp;&nbsp; &nbsp; &nbsp; id="amount"&nbsp;&nbsp; &nbsp; &nbsp; min="1"&nbsp;&nbsp; &nbsp; &nbsp; class="form-control"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; type="number"&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; required="true"&nbsp; &nbsp; &nbsp; value="87654321"&nbsp; &nbsp; &nbsp; onchange="showNumber()"&nbsp; &nbsp; &nbsp; onkeyup="showNumber()"&nbsp; &nbsp; &nbsp; placeholder="Enter Value"></input>&nbsp; <p>Inputted Amount: <span id="result"></span></p>js：function showNumber() {&nbsp; var n = document.querySelectorAll('#amount')[0].value;&nbsp; var formatter = new Intl.NumberFormat('de-DE', {});&nbsp; document.querySelectorAll('#result')[0].innerText = formatter.format(n);&nbsp; // → 87.654.321}showNumber();请参见： Intl.NumberFormat