动态地将额外的输入字段添加到html表单

时间:2011-09-04 21:09:59

标签: javascript jquery html5 webforms

我目前正在开发一个html和php项目。我希望能够做的是使用带有文件选择器的html来选择屏幕截图。文件选择器旁边将是一个按钮/链接,用户可以添加另一个字段。当用户点击按钮或链接时,我希望将另一个字段添加到第一个字段下面的表单中,然后用户可以再次按下按钮/链接,并添加另一个字段。然后,当提交表单时,它将获取所有输入字段的值,包括添加到表单中的所有要上载的文件。

实现这一目标的最佳方法是什么,我认为可能涉及javascript和/或jquery。

感谢您提供的任何帮助。

更新 我已经找到了如何做到这一点,但我想知道如何让它淡入或使其顺利地滑下表格的其余部分。我已经在div中添加了字段并完成了javascript,使得输入字段出现在这个div中,但它只是出现了,我想让它在动画中有一个平滑的淡入淡出而不是它只是在屏幕上闪烁。下面是我用来添加输入字段的javascript

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

2 个答案:

答案 0 :(得分:0)

您需要this tutorial调用“多文件上传魔术”的内容。

答案 1 :(得分:0)

答案是从@ott评论到我的问题到另一个stackoverflow问题