Несколько файлов для загрузки/отправки форм

Question

У меня есть одна страница с несколькими форматами загрузки файлов. Которые генерируются в цикле.

Проблема: первое управление загрузкой файлов работает, а остальное - нет.

<div> 
    <form action="/docs/1046/UploadDocument?Id=1046&amp;propertyTypeId=1" enctype="multipart/form-data" method="post"> 
     <input name="X-HTTP-Method-Override" type="hidden" value="PUT">           
      <div style="display: none">   
       <label for="fileCOMMERCIAL_TRANSPORT_LICENSE"></label>          
       <input id="fileCOMMERCIAL_TRANSPORT_LICENSE" name="fileCOMMERCIAL_TRANSPORT_LICENSE" type="file" onchange=" $('#btnSubmitData').click(); "> 
       <input id="btnSubmitData" type="submit" onclick=" txt = $('#fileCOMMERCIAL_TRANSPORT_LICENSE').val(); alert(txt); ">   
      </div>   
      <div>     
       <label> 
        Document 1: 
       </label> 
       <button type="button" onclick=" $('#fileCOMMERCIAL_TRANSPORT_LICENSE').click(); ">Upload 1</button> 
      </div> 
    </form> 
    <form action="/docs/1046/UploadDocument?Id=1046&amp;propertyTypeId=5" enctype="multipart/form-data" method="post"> 
     <input name="X-HTTP-Method-Override" type="hidden" value="PUT"> 
      <div style="display: none"> 
       <label for="fileCLEAN_CRIMINAL_RECORD"></label> 
       <input id="fileCLEAN_CRIMINAL_RECORD" name="fileCLEAN_CRIMINAL_RECORD" type="file" onchange=" $('#btnSubmitData').click(); "> 
        <input id="btnSubmitData" type="submit" onclick=" txt = $('#fileCLEAN_CRIMINAL_RECORD').val(); alert(txt); "> 
      </div> 
      <div> 
       <label> 
        Document 2: 
       </label> 
       <button type="button" onclick=" $('#fileCLEAN_CRIMINAL_RECORD').click(); ">Upload 2</button> 
      </div> 
    </form> 
</div> 

jsfiddle sample:

Answer 1

Сделайте свой идентификатор #btnSubmitData уникальным. Это должно решить проблему.

Answer 2

Я не знаю, что ваша проблема, но иногда убедитесь, что ваш вход имеет другое имя:

<form action="..."> 
    <input type="file" name="firstFile" /> //other names 
    <input type="file" name="secondFile" /> 
    <input type="submit" value="send" /> 
</form>