How do I include an element in a form but separate it physically in the layout

Question

So given a layout like so:

How can I include the value of ComboBox in the submission of the form.

Things that have occurred to me:

1. Include the combo box as part of the form in terms of markup and position it absolutely. I'm don't get how this would work if the page needs to resize and the combo should remain where it it is in this title bar.
2. On submission use JS to grab the value and insert it in a hidden field as part of the form submission. This would clearly break without JS but the page is client facing and we are willing to stipulate that JS is required.

I believe I have stated all the restrictions so given that is there another approach? If not how should I choose between the above options?

Answer 1

You obviously could use a a giant form tag.

OR

Two forms, changing the combo and submitting does a full post and adds a hidden to the main form. Then sexy it up with JavaScript (prevent the full post back, and remove the submit button on the combo form)

OR

CSS Positioning as you suggest.