html - 在多个表单容器之外输入

Question

http://www.w3schools.com/tags/att_select_form.asp

所以在上面的链接中，它表明一个<input>（选择）可以在<form>容器之外，只要表单是引用的。

但是，如果我有多个表单，并且我想确保来自的值<select>包含在提交的表单中，该怎么办。我该怎么做？

一个例子：

<select id="item1">....</select>
<form id="form1">...</form>
<form id="form2">...</form>
<form id="form3">...</form>
<form id="form4">...</form>

我想让它无论提交哪种形式，item1都始终包含在内。

Answer 1

你可以做这样的事情

<select id="item1" name="item1">....</select>
<form id="form1" onsubmit="document.getElementById('h1').value = document.getElementById('item1').value">
<input type=hidden value="" id="h1" name="item1">
</form>

Answer 2

使用 javascript onsubmit（如本答案中提供的）可能有助于获取数据并将其附加到您的表单，无论提交的表单如何。