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

Question

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

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

Answer 1

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

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

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

这是a working jsfiddle。