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

How can I append a form and its file input in each table row?

本文关键字：表单 输入 文件 表格      更新时间：2023-09-26

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

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

你可以用你一直做的方式做。请记住根据您在服务器端的期望（例如文件输入的名称）相应地更改这些行。

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。

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

var fileinput = $("#fileinput").val();
相关文章：