動態添加額外的輸入字段爲html格式

我目前正在開發一個html和php項目。我希望能夠做的是有一個文件選擇器用於選擇屏幕截圖的HTML。在文件選擇器旁邊將是用戶能夠添加另一個字段的按鈕/鏈接。當用戶單擊按鈕或鏈接時，我希望將另一個字段添加到第一個字段下方的表單中，然後用戶可以再次按下按鈕/鏈接，並添加另一個字段。然後，當提交表單時，它將獲取所有輸入字段的值，包括添加到表單中的所有要上載的文件。動態添加額外的輸入字段爲html格式

什麼是最好的方法來實現這一點，我認爲JavaScript和/或jQuery可能涉及。

感謝您提供的任何幫助。

UPDATE 我已經找到了如何做到這一點，但我想知道，而不是如何使它淡入或使其順利表格的其餘部分下滑。我已經在div中添加了字段並完成了javascript，這使得輸入字段出現在這個div內，但它只是出現，我希望它在動畫中有平滑的淡入淡出，而不是在屏幕上閃爍。下面是我用來添加輸入字段

<script> 
     function addFields() 
     { 
      document.getElementById("screenshotFields").innerHTML += "<input class=\"fields\" type=\"file\" name=\"filScreenshot[]\" />"; 
     } 
    </script>

來源

2011-09-04 Boardy

結帳http://stackoverflow.com/questions/978708/jquery-append-fadein - 需要你包括的jquery.js –

由於這效果很好 – Boardy

答案是從@ott評論我的問題到另一個計算器問題

來源

2011-09-09 22:58:03 Boardy

你想要的東西的JavaScript代碼this tutorial所稱的「多文件上傳魔術」。

來源

2011-09-04 21:22:19 Daan

動態添加額外的輸入字段爲html格式

回答

相關問題