Javascript 如何在每个表行中追加表单及其文件输入？

我有一个JSFIDLE应用程序。如果您在文本区域中键入一个问题，然后单击“添加问题”按钮，它会在下表中添加问题和问题编号（如果愿意，您可以多次尝试）

---

现在，下表是以另一种形式存储的文件输入。我的问题是，如何将包含文件输入的表单代码放入表中，以便每次添加问题时，它都会附加问题编号和问题，但也会附加每行的文件输入

您可以获取文件输入的值，然后将其添加到行中：

var fileinput = $("#fileinput").val();

---

你可以像以前那样做。只需记住根据您在服务器端期望的任何内容（如文件输入的名称）相应地更改这些行

var $image = $("<td class='image'></td>"); 
var $fileImage = '<p id="f1_upload_form"><br/><label>File: <input name="fileImage" type="file" id="fileImage" /></label></p>';
$image.append($fileImage);
$tr.append($image);

var$image=$（“”）；
var$fileImage='

文件：
；
$image.append（$fileImage）；
$tr.append（$image）；

现在您只需要将upload按钮移动到表的底部，仍然在包装表的表单中

---

这里是。

我真的需要将文件输入附加到每一行，这样，如果用户在任何时候想要为其中一个问题上载文件，他们可以在该行中使用文件输入。因此，最好在添加问题后添加文件上载输入。Alexander的上述方法是正确的。但是我想知道如何以action upload.php的形式调用每个文件输入，以便能够成功地上传文件。底部的表单是这样做的，但我如何才能获得文件输入，这些输入被应用于能够使用表单action upload.php上传文件？明白，您可以为此提交添加问题，问题将被添加，文件将被上传，用户可以在成功后添加另一个问题。您知道如何实现吗？这会将其附加到新行，但我想知道的是，当我单击行中的上载按钮时，它会通过表单标记将文件上载到upload.php，因为这是成功上载文件所需的操作。目前，文件输入被追加到一个新行中，但我不确定文件是否会成功上载，因为它没有可调用的表单标记。这有意义吗？我更新了答案。只需移动

中表格底部的上传按钮，当用户提交此表单时，每个输入都将发送到服务器。只是为了澄清一下，如果我添加3个问题，并为其行中的每个输入添加一个文件，如果我为第一行中的文件输入单击“上传”，那么会发生什么？是否只上载第一行文件输入？是的，只上载一个文件，您的问题与js无关，与标记有关。这很好，只要它在单击上载时一次上载一个文件，并且上载按钮匹配的文件输入中唯一的uloaded文件就是它的ok。最好更改标记并将添加的问题表放在顶部。我的意思是，最好将文件上载放在#问题表下。