Contoh data entry terlihat seperti

{
 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]
}

Bagian skrip HTML. Saya ingin menempelkan each entry data ke each part in HTML Tolong!

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]
      }
}

Bagian 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>
...

Terima kasih sebelumnya

0
zummon 20 Mei 2020, 18:07

1 menjawab

Jawaban Terbaik

Anda hanya dapat memiliki satu elemen dengan 1 id. Anda tidak dapat memiliki banyak elemen dengan id yang sama. id dalam html itu unik - Berkat informasi TheMaster

Jadi cara untuk mendapatkan pekerjaan ini, akan menggunakan getElementsByClassName untuk menerima banyak nilai

Untuk bagian skrip HTML

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

Edit menjadi

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

Untuk bagian HTML

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

Tambahkan lebih banyak kelas ke getElement

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

Atau Anda dapat menyingkirkan id="..." itu dan tetap bekerja dengan cara yang sama, jika Anda tidak keberatan label for="..."

1
zummontt 21 Mei 2020, 03:50