在多个表单容器外输入

时间:2013-07-18 21:40:40

标签: html

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

因此,在上面的链接中,只要表单是引用,它就会显示<input>(select)可以在<form>容器之外。

但是,如果我有多个表单,并且我希望确保<select>中的值包含在提交的表单中,该怎么办?我该怎么做?

一个例子:

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

我想这样做,无论提交哪种表单,都会包含item1

2 个答案:

答案 0 :(得分:3)

你可以做这样的事情

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

答案 1 :(得分:2)

使用javascript onsubmit(例如this answer中提供的内容)可能有助于获取数据并将其附加到您的表单,无论提交的表单如何。