动态添加额外的输入字段为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格式

回答

相关问题