将表单控件与页面上的多个表单关联

Question

在我的页面上，我有一个上传csv文件的表单。我有一个创建已保存搜索的表单。我有一个导入已保存搜索的表单。在创建保存搜索的表单和导入保存搜索的表格中，我都需要在post请求中发送实际的文件上传：

<form action="upload_file">
  <input id="file" name="file" type="file">  
</form>
<form action="create_search">
</form>
<form action="import_search">
</form>

因此，存储在input字段中的文件需要以create_search表单和import_search表格以及upload_file表单的形式发送，所有这些都是post请求。

这样做有效吗：

<input id="file" name="file" type="file" form="create_search import_search">  

或者有更好的选择吗？

Answer 1

我的理解是，当用户单击某种提交按钮时，您的表单将被逐一发送。如果您希望在所有表单上上传相同的文件，您可以选择使用以下方法在所有三个表单中复制该文件输入：

$("#form2").append( $("#file").clone() )

请注意，您必须修改输入的id才能使标记有效。此外，请注意，这可能不可能在所有浏览器中都实现，因为克隆输入可能被视为"编辑它"，并且根据安全规范，您不应该能够编辑文件输入的值。

附言：你不能按照你在例子中想要的方式去做。