Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改前置文件输入的位置_Javascript_Jquery_Html - Fatal编程技术网

Javascript 更改前置文件输入的位置

Javascript 更改前置文件输入的位置,javascript,jquery,html,Javascript,Jquery,Html,是否可以使带前缀的文件输入显示在前一个元素的下方而不是上方。因此,在这个jquery中,selectafile:text保留在所有添加元素的顶部 $(document).ready(function(){ $('#add_more').click(function(){ var current_count = $('input[type="file"]').length; var next_count = current_count + 1;

是否可以使带前缀的文件输入显示在前一个元素的下方而不是上方。因此,在这个jquery中,selectafile:text保留在所有添加元素的顶部

$(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>
切换到附加:

 $('#file_upload').append('<p><input type="file" name="file_' + next_count +'" /></p>');
切换到附加:

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

切换到append将满足您的需要

$(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>');

    });
 });

JSFIDLE

切换到append将满足您的需求

$(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>');

    });
 });
JSFIDLE

文件上传在哪里?文件上传在哪里??