javascript - 如何在每个表格行中附加表单及其文件输入？

Question

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

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

Answer 1

您可以获取 File Input 的值，然后将其添加到行中：

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

Answer 2

你可以用你一直在做的同样的方式来做。只要记住将这些行相应地更改为您在服务器端所期望的任何内容，例如文件输入的名称。

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);

现在您只需将上传按钮移动到表格的底部，仍然在包裹表格的表单内。

这是一个工作 jsfiddle。