JavaScript присваивает номера данным

Question

Предположим, у меня есть 10 текстовых полей, в которые я хочу ввести некоторый текст. Одно из них похоже на следующее

<td class="dedefault">
<input type="hidden" name="RSTS_IN" value="RW">
<label for="box_id1"><span class="fieldlabeltextinvisible">BOX</span></label>
<input type="text" name="ID_IN" size="6" maxlength="5" id="box_id1">
</td>

Единственные изменения в полях - это номер коробки. Поэтому я хочу ввести некоторые тексты в "box [i] "

var x,i;
for (i=1; i<10; i++) {
     x = box_id[i];
     document.getElementById(x).value = "12345";
}

Но это не работает.Как я могу настроить код?

Answer 1

box_id не является массивом.Сделайте строку и добавьте к ней i.

for (i=1; i<=10; i++) {
    
     document.getElementById('box_id'+i).value = "12345";
}

<td class="dedefault">
<input type="hidden" name="RSTS_IN" value="RW">
<label for="box_id1"><span class="fieldlabeltextinvisible">BOX</span></label>
<input type="text" name="ID_IN" size="6" maxlength="5" id="box_id1"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id2"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id3"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id4"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id5"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id6"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id7"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id8"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id9"/><input type="text" name="ID_IN" size="6" maxlength="5" id="box_id10"/>
</td>

Answer 2

вы не определили box_id.

Как я понял из твоего вопроса ты пытаешься сделать box_id(some number)
Вам нужно построить строку, которую вы можете сделать, используя string literal или просто string concatenation.

var x,i;
for (i=1; i<10; i++) {
     x = `box_id${i}`;
     let ele = document.getElementById(x);
     if(ele) ele.value = "12345";
}

<td class="dedefault">
<input type="hidden" name="RSTS_IN" value="RW">
<label for="box_id1"><span class="fieldlabeltextinvisible">BOX</span></label>
<input type="text" name="ID_IN" size="6" maxlength="5" id="box_id1">
<input type="hidden" name="assoc_term_in" value="">
<input type="hidden" name="start_date_in" value="">
<input type="hidden" name="end_date_in" value="">
</td>