Установите значение типа ввода в <td>через JavaScript

Question

Это мой пружинный код формы в jsp.

<div id="mainDiv">
    <div id="itWillRepeat">
        <table>
            <tbody>
                   <tr>
                      <td>1</td>
                      <td>item</td>
                      <td>item</td>
                      <td>
                        <form:label path="list[${itemsRow.index}].number">4</form:label>
                        <form:hidden path="list[${itemsRow.index}].number" />
                      </td>
                   </tr>
            </tbody>
        </table>
    </div>
</div>

Браузер отображает и генерирует HTML-код для тега 4-го <td> как:

<label for="list4.seq">4</label>
<input type="hidden" value="4" name="list[4].seq" id="list4.seq">

Показывает значение в браузере как:

1  item  item  4

Я хочу изменить значения <form:label и <form:hidden для любого события, например onClick, через простой JavaScript.Я упоминаю только один div с id itWillRepeat здесь.Может быть много div с идентификатором itWillRepeat , потому что он будет в цикле, и я хочу изменить значения всех <form:label в порядке возрастания.

Answer 1

button.onclick = function() {
    var rep = document.getElementById("mainDiv").getElementsByTagName('div');
       for (i = 0; i < rows.length; i++) {
            //get first label
            var label = rep.getElementsByTagName("label")[0]; 

             label.innerHTML = i+1;
             //get first input
             var hidn = rep.getElementsByTagName("input")[0];
              hidn.value = i+1;
         }
};

Получит все метки / скрытые поля, изменит свои значения и отсортирует их.