prepended 파일 입력의 위치를 ​​변경하십시오.

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/