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

时间:2014-09-03 23:23:44

标签: html5

在我的页面上,我有一个上传csv文件的表单。我有一个创建已保存搜索的表单。我有一个导入已保存搜索的表单。无论是以创建已保存搜索的形式还是导入已保存搜索的表单,我都需要在帖子请求中发送实际文件上传本身:

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

<form action="create_search">
</form>

<form action="import_search">
</form>

因此,存储在输入字段中的文件需要以create_search表单和import_search形式发送,而upload_file表单也需要发送,所有这些都是发布请求。

做这样的事情是否有效:

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

或者有更好的选择吗?

1 个答案:

答案 0 :(得分:0)

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

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

请注意,您必须修改输入的ID才能使标记有效。另请注意,这可能无法在所有浏览器中实现,因为克隆输入可能会被视为“编辑它”,并且根据安全规范,您无法编辑文件输入的值。

P.S。你不能按照你想象的方式去做。