如何使用javascript将值插入到输入数组中

Question

I am generating row of input with arrays.

@foreach($msp_temp as $current)
 <td>
 <input type="number" step ="0.01" class="required" name="firstEntry[]" id="firstEntry">
 </td>
 <td>
 <input type="number" step ="0.01" class="required" name="secondEntry[]" id="secondEntry">
 </td>
 ...

I have a variable set somewhere like:

var entrysum = 0

I want to insert the variable value (entrysum) inside the [] and increase the variable every loop.

How do I insert entrysum value into firstEntry[], secondEntry[], and increase the variable value by 1 after every loop?

Answer 1

I will assume that as per code, there are always a couple of firstEntry and secondEntry and I understand that you want to update them together with the same value.

---

First, you get all the input numbers whose name starts with firstEntry and another for secondEntry:

var firstEntries = document.querySelectorAll('[name^="firstEntry"]');
var secondEntries = document.querySelectorAll('[name^="secondEntry"]'); 

Second, you iterate all elements and autoincrement the value.

for (var i = 0; i < firstEntries.length; i++) {
  firstEntries[i].value = entrysum; // update firstEntry
  secondEntries[i].value = entrysum; // update secondEntry
  entrysum++; // increment entrysum
}

Note: if entrysum always starts in 0 and increments by 1, you can simply use i from the loop instead.

I hope this helps.