移动与输入[文件]和所选值一个div到另一个DIV

Question

我有以下HTML

<div class="item"> 
    <input id="Document_0_UpFile" name="Documents[0].UpFile" type="file" value=""> 
</div> 

和在同一页上，我有以下的div

<div id="allItems"></div> 

我想成为能够使用jquery将输入文件从item移动到具有选定值的div #allItems。

我试过以下，但他们似乎并没有保留选定的文件

$('#addItem').on('click', function (e) { 
    var inputs = $("div.item").clone(); 
    $("#docList").append(inputs); 
} 


$('#addItem').on('click', function (e) { 
    $("#docList").append($("div.item").html()); 
} 

的值。如果有人能帮助直接我，这将是真棒。

Answer 1

你需要移动当前项目，然后在地方创建一个新的项目，你从移动当前项目：

HTML

<div class="item"> 
    <input id="Document_0_UpFile" name="Documents[0].UpFile" type="file" value="" /> 
</div> 
<input type="button" id="addItem" value="move"> 
<div id="allItems"></div> 

脚本

$('#addItem').on('click', function (e) { 
    var inputs = $("div.item input"); 
    $("#allItems").append(inputs); 
    $("div.item").append(" <input type=\"file\" />"); 
}); 

看看这个小提琴：http://jsfiddle.net/Kennethtruyers/5ecPw/1/