入力タイプの値を​​から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> 

ブラウザとして<td>第四タグのHTMLコードをレンダリングして生成します。

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

ように、それは、ブラウザの値を示しています。私は<form:labelの値の両方を変更したい

1 item item 4 

と<form:hiddenは、onClickのような任意のイベントに簡単なJavaScriptを使用します。私はIDがitWillRepeatここで1つのdivを言及します。それはループで来ると私はすべて<form:labelの値を昇順に変更したいので、itWillRepeat idを持つ多くのdivがあります。

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

すべてのラベル/非表示フィールドに値が変更され、並べ替えられます。