[jQuery] input 배열 값 선택 및 처리.

*. html

<c:forEach var="i" begin="${view.realUpldCnt }" end="${view.upldCnt }" step="1"> 
 <tr>
  <th><label for="excelUploadFile">파일 선택</label></th>
  <td class="tl">
   <input type="file" id="fileItem" name="fileItem" style="display:none;"/>
   <input type="text" class="borderbox" id="excelUploadFileName" name="excelUploadFileName" />
   <input type="button" class="blackButton2" id="btnExcelUploadFile" name="btnExcelUploadFile" value="파일 선택"/>
  </td>
 </tr>
</c:forEach>

 

*.script

for( var i='${view.realUpldCnt}'; i<='${view.upldCnt}'; i++ ) {
 
 <%--파일 찾기 버튼을 누름--%>
 $("input[name='btnExcelUploadFile']").eq(i-1).click( function() {

  var selected_inx = $("input[name='btnExcelUploadFile']").index(this);
  $("input[name='fileItem']").eq( selected_inx ).click();
 });
 
 <%--파일 변경 시--%>
 $("input[name='fileItem']").eq(i-1).on( "change", function() {
  
  var selected_inx = $("input[name='fileItem']").index(this);
  var fileName = $("input[name='fileItem']").eq( selected_inx ).val();
  $("input[name='excelUploadFileName']").eq( selected_inx ).val( fileName );
 });
}