Question

是否可以使前置文件输入显示在前一个元素下方而不是上一个元素上方。因此，在这个jquery中，“选择文件：”文本仍然位于所有添加的元素之上

$(document).ready(function(){
    $('#add_more').click(function(){

         var current_count = $('input[type="file"]').length;
         var next_count = current_count + 1;

    $('#file_upload').prepend('<p><input type="file" name="file_' + next_count +'" /></p>');

    });
 });

 <p>Select a file: <input  name="file_1" type="file">
                   <input type="submit" name="send" value="Send" ></p>
                   <a id="add_more" href="#">add more</a>

Answer 1

切换到附加：）

 $('#file_upload').append('<p><input type="file" name="file_' + next_count +'" /></p>');

Answer 2

切换到追加会做你想要的。

$(document).ready(function(){
    $('#add_more').click(function(){

         var current_count = $('input[type="file"]').length;
         var next_count = current_count + 1;

    $('#file_upload').append('<p><input type="file" name="file_' + next_count +'" /></p>');

    });
 });

jsFiddle http://jsfiddle.net/HYcxx/

更改前置文件输入的位置

2 个答案: