Hi -

Creating a form with multiple select dropdown boxes.

The form is pretty long vertically - so when a select is changed, and the form is submitted, I want the page to reload at the same location - either using an anchor or some other method.

I currently do not have time to learn ajax - so I would prefer to just use old school javascript and reload to an anchor. I will have multiple anchors, and I need to know which anchor to load to based on the select box changed.


So when Select1 is changed and the form is submitted, I want the page to load to Anchor1...

Basically my form:

<form name="Form1" method="post" action="MyForm.cfm">

<select name="Select1" onchange="this.form.submit()">
<option>-Select-</option>
<option >Yes</option>
<option >No</option>>
</select>
<a name="Anchor1" id="Anchor1"></a>

<select name="Select2" onchange="this.form.submit()">
<option>-Select-</option>
<option >Yes</option>
<option >No</option>>
</select>
<a name="Anchor2" id="Anchor2"></a>
</form>

thanks!