Javascript添加文件輸入框按鈕麻煩

我正在構建一個多文件上傳器，並希望開始每個輸入一個新的行與
與Java腳本。Javascript添加文件輸入框按鈕麻煩

我想要做的是開始每個新的盒子下彼此而不是排列在彼此旁邊。有人可以告訴我要添加到java腳本中的內容，以便創建一個元素
。

我想這些將它們添加到javascript函數的結束，它沒有工作

var txt = document.createElement('br'); 
AND 
txt = document.createElement('br'); 
AND 
txt.element ="<br>";

我這裏有一個多載者的代碼。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title> :: FILEUPLOAD :: </title> 
</head> 

<body> 
<form name="form" method="post" enctype="multipart/form-data"> 
    <div id="files"> 
     <input type="file" name="item_file[]"> 
    </div> 
    <a href="javascript:_add_more();" title="Add more">+</a> 
</form> 

<script language="javascript"> 
<!-- 
function _add_more() { 
    var txt = document.createElement('input'); 
    txt.type="file"; 
    txt.name="item_file[]"; 
    document.getElementById("files").appendChild(txt); 
} 
</script> 
</body> 
</html>

感謝您的幫助

來源

2014-11-21 Brian Cherdak

你'appendChild' br'元素？ – 2014-11-21 19:58:01

您可以將每個元素包裝在div中或添加包含display：block的css類。看到這[小提琴]（http://jsfiddle.net/tdobxqLL/）。 – adamdc78 2014-11-21 20:02:04

@ThiagoNegri Iv從來沒有聽說過，我怎麼會用這個盒子？ – 2014-11-21 20:03:07

添加類每個輸入：塊到你的CSS的類：

function _add_more() { 
    var txt = document.createElement('input'); 
    txt.type="file"; 
    txt.name="item_file[]"; 
    txt.className="file-picker"; 
    document.getElementById("files").appendChild(txt); 
}

顯示器，然後添加

input.file-picker 
{ 
    display: block 
}

工作版本在這fiddle。

編輯：您可能還想要將底部填充添加到CSS類。

來源

2014-11-21 20:08:40 adamdc78

Javascript添加文件輸入框按鈕麻煩

回答

相關問題