Following advice from @Patrick I created the following form with dropdownlists.
However I am unable to get the values in the Template.
Here is the Code(I removed the bode)
<AddForm>
<ScriptBlock BlockType="HeadScript" RegisterOnce="True" ScriptId="KBXM_Theme_none_steam_temp">
<link rel="stylesheet" type="text/css" href="/DesktopModules/XModPro/styles/none" />
RedirectMethod="get"></AddButton>
<CancelButton Text="Cancel" style="margin-left: 12px;" Visible="false">
</CancelButton>
</div>
</div>
</Redirect>
</AddForm>
And here is the URL of the page with the template after POST
url/page?focus_area=Arts&program_type=Curriculum&geographic_area=Central+San+Diego+County&grade_level=K-5
Here is an example of how I want to get one of the POST values
<xmod:Template id="template1" UsePaging="True" Ajax="False">
<ListDataSource commandtext="SELECT @Hello AS Hello">
<Parameter Name="Hello" Value='[[Form:program_type]]' DataType="String" />
</ListDataSource>
<HeaderTemplate>
<table>
<thead>
<tr>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>[[Hello]]</td>
<td>Test</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
</table>
</FooterTemplate>
</xmod:Template>