2

付加されたファイル入力を前の要素の上ではなく下に表示することは可能ですか？そのため、この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>
4

2 に答える 2

2

追加するスイッチ:)

 $('#file_upload').append('<p><input type="file" name="file_' + next_count +'" /></p>');
于 2013-01-17T17:54:42.533 に答える
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/

于 2013-01-17T17:56:38.400 に答える