And if the OP does want to use javascript, a drop down list for the states
would work. Here is something I copied from somewhere:

"Two kinds of drop-down lists hyperlink to other pages: one, the page
changes when the selection changes; two, the page changes when the visitor
clicks a button. Both of these kinds are shown in the following sections.
Both use the same function, goToPage, to open the new page.

The following code shows the goToPage function that the drop-down lists
shown in this section use. This code uses the open method to open the page
specified in the url parameter, but you could also use the navigate method.

<script language="JavaScript">
function goToPage(url)
{
  if (url != "")
  {
     window.open(url);
  }
}
</script>

Page Changes When the Selection Changes
With a drop-down list that automatically opens a new page, the user doesn't
need to do anything except select the item from the drop-down list to open
the page. The following code contains the HTML for creating a drop-down
list. In this example, the onchange event for the list calls the goToPage
function shown previously and passes the value attribute of the selected
item (OPTION element).

<form>
  <label><u>S</u>earch Engines</label>
  <select accesskey="S"
     onchange="goToPage(this.options(this.selectedIndex).value)">
     <option selected>Please select one</option>
     <option value="http://search.msn.com/">MSN Search</option>
     <option value="http://www.google.com/">Google</option>
     <option value="http://www.search.com/">Search.com</option>
     <option value="http://www.dogpile.com/">Dogpile</option>
  </select>
<form>
Page Changes When the User Clicks a Button
Creating a drop-down list that uses a Go button is just as simple. The user
selects an item from the drop-down list and clicks Go, and the new page
opens. The following code contains the HTML to create this drop-down list.
The main differences between this code and the code in the previous example
are as follows:

The SELECT element in this code doesn't contain the onchange event.
This code contains a BUTTON element for the Go button.
This code provides a value for the name attribute of the FORM and SELECT
elements, which are necessary for the script to function properly.

<form name="dropdown">
  <label>Search <u>E</u>ngines</label>
  <select name="list" accesskey="E">
     <option selected>Please select one</option>
     <option value="http://search.msn.com/">MSN Search</option>
     <option value="http://www.google.com/">Google</option>
     <option value="http://www.search.com/">Search.com</option>
     <option value="http://www.dogpile.com/">Dogpile</option>
  </select>
  <button onclick="goToPage(document.dropdown.list.options(
     document.dropdown.list.selectedIndex).value)">Go</button>
</form>

To use this code, paste the script in the HEAD section of a page and paste
the form (with the nested elements) where you want the drop-down list to
appear on your page. However, do not nest the form inside another FORM
element.

After you place the drop-down list where you want it to appear, you can
change text displayed and the value attribute for each OPTION element in the
SELECT element as needed. The value attribute for each OPTION element should
contain a valid URL, including the "http://" prefix"

DavidF