首页 文章

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

提问于
浏览
0

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

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

感谢您的任何帮助,您可以提供 .

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

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

2 回答

  • 0

    你想要this tutorial调用'Multiple File Upload Magic'的东西 .

  • 0

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

相关问题