JS 函数只选择 Django 循环中的第一个元素

Question

我的模板代码如下

{% for content in contentlist %}
  <div class="card card-margin-top">
      <div class="card-body">
           <div class="card-head">
              <p class="card-title">PRICE&nbsp;&#8208;&nbsp;
                        <span id="price">{{content.price}}</span>
              </p>
           </div>
      </div
  </div>           
{% endfor %}

并且我想使用 js 函数将我的价格值转换为逗号分隔值。 JS函数如下

window.onload=function(){
  var price = document.getElementById("reservedPrice").innerText
  x = updateTextInput(price)
  document.getElementById("reservedPrice").innerText = x
}

function updateTextInput(val) {
  x = val.toString();
  var lastThree = x.substring(x.length-3);
  var otherNumbers = x.substring(0,x.length-3);
  if(otherNumbers != '')
      lastThree = ',' + lastThree;
  var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
  return res
}

但结果看起来是 like this。 JS 仅在第一次进入时执行。我希望所有价格都以逗号分隔。