亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從輸入標簽向段落添加一千個分隔符

從輸入標簽向段落添加一千個分隔符

揚帆大魚 2022-08-27 14:41:04
我有一個執行計算的輸入標記,但我想獲取輸入標記的值并將其解析為段落標記并設置其格式。這是輸入標記<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; }
查看完整描述

1 回答

?
一只斗牛犬

TA貢獻1784條經驗 獲得超2個贊

您可以使用 Intl.NumberFormat 來設置數字的格式:


請參閱我為您創建的此代碼筆。


示例代碼:


  Input:

  <input 

      id="amount" 

      min="1" 

      class="form-control"                          

      type="number"  

      required="true"

      value="87654321"

      onchange="showNumber()"

      onkeyup="showNumber()"

      placeholder="Enter Value"></input>


  <p>Inputted Amount: <span id="result"></span></p>

js:


function showNumber() {

  var n = document.querySelectorAll('#amount')[0].value;

  var formatter = new Intl.NumberFormat('de-DE', {});

  document.querySelectorAll('#result')[0].innerText = formatter.format(n);

  // → 87.654.321

}


showNumber();

請參見: Intl.NumberFormat


查看完整回答
反對 回復 2022-08-27
  • 1 回答
  • 0 關注
  • 99 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號