如何用脚本将多个值粘贴到HTML中的多个部分

示例条目数据如下所示

{
 acc : ["102 Cash on hand", "101 Cash at zummon Bank", "103 Cash at Wonder Bank", "300 Capital stock"], 
 amt : [800000.0, 100000.0, 100000.0, -1000000.0]
}

HTML脚本部分。我想将每个条目数据粘贴到HTML帮助中的每个部分

function setEntry(entry) {
      var lenEntry = entry.acc.length
      for (var r=0; r < lenEntry; r++) {
        document.getElementById("entryAccount")[r].value = entry.acc[r]
        document.getElementById("entryAmount")[r].value = entry.amt[r]
      }
}

HTML部件

<div style="display:flex">
  <div>
    <label for="entryAccount">Account</label>
    <input id="entryAccount" list="Account_list">
  </div>
  <div>
    <label for="entryAmount">Amount</label>
    <input id="entryAmount" type="number">
  </div>
</div>
<div style="display:flex">
  <div>
    <label for="entryAccount">Account</label>
    <input id="entryAccount" list="Account_list">
  </div>
  <div>
    <label for="entryAmount">Amount</label>
    <input id="entryAmount" type="number">
  </div>
</div>
...

先谢谢你

---

您只能有一个id为1的元素。您不能有多个id相同的元素。html中的id是唯一的-这要感谢的信息

因此，获得这项工作的一种方法是使用getElementsByClassName来接受许多值

用于HTML脚本部分

document.getElementById("entryAccount")[r].value = entry.acc[r]
document.getElementById("entryAmount")[r].value = entry.amt[r]

编辑为

document.getElementsByClassName("entryAccount")[r].value = entry.acc[r]
document.getElementsByClassName("entryAmount")[r].value = entry.amt[r]

用于HTML部分

    <input id="entryAccount" list="Account_list">
    <input id="entryAmount" type="number">
    ...

---

或者你可以去掉那些id=。。。它仍然以同样的方式工作，如果您不介意我编辑的标签=…

的话，我希望它现在是有效的还是无效的。字符串应该被引用。很抱歉，我可能理解不正确。但我已尝试使用此document.GetElementByIdentityAccount.value=entry.acc[0]，但没有针对。。它只适用于单一价值。或者你的意思是手头有102元现金，。。。这是一根绳子。我是从Logger获得的。Log抱歉，我认为这没有任何区别。您只能有一个id为1的元素。不能有多个id相同的元素。html中的id是唯一的。

    <input class="entryAccount" id="entryAccount" list="Account_list">
    <input class="entryAmount" id="entryAmount" type="number">
    ...