通過 javascript 設置輸入類型的值

Question

這是我在 jsp 中的 spring 表單代碼。

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

瀏覽器為第 4 個<td>標記呈現並生成 HTML 代碼為：

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

它在瀏覽器中顯示為：

1  item  item  4

我想通過簡單的 JavaScript 在 onClick 等任何事件上更改<form:label和<form:hidden的值。 我在這里只提到了一個 id為 itWillRepeat的 div。 可能有許多 id為 itWillRepeat的 div，因為它將進入循環，我想按升序更改所有<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;
         }
};

它將使所有標簽/隱藏字段更改其值並對其進行排序。