-1

複数のファイル アップロード フォームを含む 1 つのページがあります。ループで生成されます。

問題: 最初のファイル アップロード コントロールが機能し、残りは機能しません。

<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 サンプル:

4

2 に答える 2

1

ID #btnSubmitData を固有のものにしてください。これで問題は解決するはずです。

于 2013-07-11T09:36:03.683 に答える
0

あなたの問題が何であるかはわかりませんが、入力に別の名前が付いていることを確認してください:

<form action="...">
    <input type="file" name="firstFile" />   //other names
    <input type="file" name="secondFile" />
    <input type="submit" value="send" />
</form>
于 2013-07-11T09:35:31.693 に答える